Scrollbar des Browsers verschiebt meine Tabelle

[FlaSh.G]

Scrollbar des Browsers verschiebt meinen iframe

Hi,

Ich hoffe, dass ich bei der Forensuche nicht doch die Lösung für mein Problem übersehen habe...

Ich habe eine Seite mit einem iframe in der Mitte:

<p align="center">
<iframe ...></iframe>
</p>

Dieser iframe kann seine Höhe verändern, sodass hin und wieder rechts eine scrollbar eingeblendet wird, klar, richtig so.

Leider wird durch die Konstruktion <p align="center"> der iframe beim Erscheinen der Scrollbar immer ein Stück nach links verschoben und beim Verschwinden wieder zurück.
Dieser Effekt ist in meinen Augen etwas unangenehm für den Betrachter und ich würde ihn gerne auf beliebige Weise beseitigen...
Allerdings darf dabei die Mittigkeit des iframes nicht verloren gehen, da Leute mit verschiedenen Auflösungen die Seite aufrufen können sollen, ohne dass der Inhalt an der linken Seite klebt ^^

Gibt es Möglichkeiten,
- die scrollbar immer einzublenden, nur ggf. inaktiv oder
- festzustellen, dass die scrollbar da ist und entsprechend verschieben (wahrscheinlich nicht ohne browserabhängige unterschiede zu haben...?)
- das Problem irgendwie anders zu lösen
?

Danke im vorraus

 

[threadi]

Leider wird durch die Konstruktion <p align="center"> der iframe beim Erscheinen der Scrollbar immer ein Stück nach links verschoben und beim Verschwinden wieder zurück.

Man legt auch keinen Absatz um ein iframe. Beides sind Blockelemente und innerhalb von p dürfen nur noch Inlineelemente auftauchen. Am Besten nur Text.

- die scrollbar immer einzublenden, nur ggf. inaktiv oder

CSS-Eigenschaft: overflow: scroll; sollte genügen. Ältere Browser brauchen vermutlich das Attribut scrolling. Siehe auch:

IFRAME - Inline Frame

 

[FlaSh.G]

...innerhalb von p dürfen nur noch Inlineelemente auftauchen.

Kann an meinem Vokabular liegen, ich hab mich nicht mehr als nötig mit html-Begriffen auseinandergesetzt... aber ist ein inline frame kein inline-Element??

Naja, zum Lösungsvorschlag:
overflow sorgt für eine zusätzliche scrollbar... ich hab die scrollbar des browserfensters selbst und bin damit ganz glücklich...

 

[threadi]

Schau mal hier: SELFHTML: HTML/XHTML / Referenz /HTML-Elementreferenz

Hatte mich da wegen dem iframe doch getäuscht: ist ein inline-Element. Aber dennoch innerhalb von einem Absatz ungünstig ;)

 

[FlaSh.G]

Jo, ist gut zu wissen mit den Elementen...
Ich habe aber keine Probleme mit dem iframe im <p> feststellen können.
Hat noch jemand eine Idee bezüglich des Problems...?

 

[threadi]

Ich zitiere mich mal selbst:

Ältere Browser brauchen vermutlich das Attribut scrolling. Siehe auch:

IFRAME - Inline Frame

 

[FlaSh.G]

Ich mich auch:

overflow sorgt für eine zusätzliche scrollbar...

ich hätte aber ganz gerne nicht zwei nebeneinander.
btw, ich benutz' ff3, selbst wenn's bei einigen wegen der Version nicht klappt, bei mir sollte das kein Problem sein...

Hier der Code (ich weiss, ist unsauber), vielleicht ja ein Fehler in der Ausführung:

<style type="text/css">
 .overdiv{
  overflow:scroll;
 }
</style>
  <div class="overdiv">
  <p align="center" >
  <iframe id="mainframe" [...] scrolling=yes></iframe>
  </p>
  </div>

 

[threadi]

Ich meinte es eher so:

<style type="text/css">
iframe {
  overflow:scroll;
 }
</style>
<iframe id="mainframe" [...] scrolling="yes"></iframe>

(ungetestet)

 

[FlaSh.G]

Funktioniert leider nicht, die Scrollbar ist nach wie vor nur bei einem tatsächlich zu großen iframe vorhanden...

 

[Efchen]

Dann machst Du etwas falsch, bei mir geht das einwandfrei.

Wie ist der Link zur Seite?

 

[FlaSh.G]

sharethat.de - publish your project - WEBSITE IM AUFBAU

Z.B. rechts auf "Über die Seite" klicken, dann wird der iframe größer, auf das "Kontakt" und er wird wieder kleiner.

edit: kann es in dem Fall sein, dass ich im css-Teil p statt iframe modifizieren muss?
In dem Fall - hab's ausprobiert - hab ich wieder ne neue scrollbar...

 

[Junny]

Bin mir nicht sicher, ob ich Dich richtig verstanden habe. Wenn ich das Problem aber richtig erkannt habe, ist es mit

body {
  overflow: scroll;
}

zu lösen. Da der IE7 aber selbstverständlich aus der Reihe tanzt und sowieso schon immer eine Scrollbar anzeigt, solltest Du sie für diesen Exoten wieder rausnehmen (Conditional Comments oder IE7 Hack), da der sonst merkwürdige Elemente erfindet und Scrollbars für diese darstellt.

Die konsequente Lösung dieses und vieler weiterer Probleme der Umstieg von Iframes auf einen serverseitigen Include.

Gruß
Junny

 

[FlaSh.G]

Hey, danke schön, funktioniert! :)
Ich hab den Code noch ein wenig verfeinert:

<style type="text/css">
 body {
  overflow-y: scroll;
 }
</style>