Überschreiben von CSS-Eigenschaften für die iframe-Breite

Ich versuche einen iframe in eine Webseite, aber egal was ich versuche, entweder die iframe-Eigenschaften oder benutzerdefinierte CSS-Abschnitt des website-builder (oder, wie viele Male, die ich versuchen hinzu zu fügen !wichtig, etwas von der Breite zu Recht-Marge), die ich nicht bekommen kann den iframe zu erweitern, nach rechts weiter, als die Seite die voreingestellte Breite.

Hier ein Beispiel von der Seite und iframe, mit dem ich arbeite: (Edit: nicht mehr verfügbar)

Ich brauche das script/iframe breit genug sein, um zu zeigen, das Suchgebiet. Es scheint sinnlos zu kopieren und einfügen von code und Attribute, die ich habe versucht Einstellung, weil ich nichts zu tun zu haben scheint keine Wirkung, aber nur für die zeigen, wie viel ich habe keine Ahnung, was ich Tue, hier ist mein iframe-code:

<iframe id="idxFrame"  style="padding:0; margin:0; padding-top: 0px; overflow-x:auto;
width:1000px!important; border:0px solid transparent; background-color:transparent;
max-width:none!important; right-margin:-200px!important" frameborder="0" 
scrolling="on" src="http://www.themls.com/IDXNET/Default.aspx?wid=8MSsp7Pf9eI55yjkDuB%2blX5awn7LnnVXh5PNYhq2ImAEQL" 
width="1200px" height="900px">
</iframe>

Dem "Website-generator" , bin ich gezwungen, zu verwenden, um diese Arten von Seiten ist ärgerlich, aber es ist eine "Custom CSS" - Bereich, wo ich eingeben, um die zusätzlichen CSS-Informationen. Gibt es etwas, das ich allgemein festlegen iframes auf Ihrer eigenen breiten?

InformationsquelleAutor Xodarap777 | 2013-10-29

  1. 1

    Der Grund, warum es abgeschnitten ist weil es gibt einige übergeordneten Containern in die Struktur der Seite, die das Attribut overflow: hidden; um sicherzustellen Inhalt, der ist zu breit, nicht zu brechen das layout.

    Ich weiß nicht, wie Ihr system funktioniert, aber Sie könnten versuchen, hinzufügen den folgenden code, um Ihre Benutzerdefinierte CSS-Bereich:

    .LayoutContainer {
    overflow: visible !important;
}

.LayoutContainer div div {
    overflow: visible !important;
}

    Sich bewusst sein, dass es Durcheinander wird mit Ihrem layout und erzeugen Sie einen horizontalen Bildlauf-Leiste auf kleineren Bildschirmen.

    Update:

    Den oben genannten CSS-Code würde dann Auswirkungen auf Ihre gesamte website. Wenn Sie wirklich wollen, zu gehen mit ihm durch, verwenden Sie die folgende CSS-Stile statt, um sicherzustellen, dass nur diese Seite ist betroffen. Das system generiert eine eindeutige ID für jede Seite, und wir nehmen Vorteil, dass.

    body#page_33219e82-0110-40bb-a172-3d05dc78f406 .LayoutContainer {
    overflow: visible !important;
}

body#page_33219e82-0110-40bb-a172-3d05dc78f406 .LayoutContainer div div {
    overflow: visible !important;
}

    InformationsquelleAutor Jerome Dahdah

  2. 0

    Ich glaube, dein problem ist, dass Ihr mit right-margin wenn Sie sollten mit margin-right

    InformationsquelleAutor Dryden Long

  3. 0

    Hier ist, was ich geändert um es an die Arbeit und hier ist ein screenshot: http://screencast.com/t/R2VeIAnNJVd

    .LayoutContainer { overflow: visible; }
.LayoutContainer div div { overflow: visible !important; }

    Wie oben erwähnt und wie man im screenshot sehen Sie, dass der iframe erstreckt sich hinter Ihrem content-wrapper.

    InformationsquelleAutor user2929967

Schreibe einen Kommentar