Wieso wird ein <hr> verschluckt?

[Matthias]

Hallo Leute!
Könnt Ihr Euch mal den Quelltext folgender Seite ansehen?

http://www.s6-luftfederung.de/media/media.html

Dort ist nach dem eingebetten IFRAME ein hr eingebaut. Der wird aber vom Browser nicht dargestellt, sowie übrigens andere Elemente auch nicht.

Hab keine Erklärung. Ihr vielleicht?

Lieben Dank,
Matthias

[MudGuard]

Hi,

http://www.s6-luftfederung.de/media/media.html

Dort ist nach dem eingebetten IFRAME ein hr eingebaut. Der wird aber vom Browser nicht dargestellt, sowie übrigens andere Elemente auch nicht.

Doch, das hr wird dargestellt. Allerdings wird es zum größten Teil vom Iframe überlagert, aber am rechten Rand ist ein bißchen davon zu sehen.

cu,
Andreas

[Matthias]

Hallo Andreas!
hast Du jetzt noch eine Lösung, warum der IFrame so einen hohen Abstand nach oben hat? Padding und Margin stehen auf Null ...
Viele Grüße,
Matthias

Hi,

http://www.s6-luftfederung.de/media/media.html

Dort ist nach dem eingebetten IFRAME ein hr eingebaut. Der wird aber vom Browser nicht dargestellt, sowie übrigens andere Elemente auch nicht.

Doch, das hr wird dargestellt. Allerdings wird es zum größten Teil vom Iframe überlagert, aber am rechten Rand ist ein bißchen davon zu sehen.

cu,
Andreas

[MudGuard]

Hi,

Hallo Andreas!
hast Du jetzt noch eine Lösung, warum der IFrame so einen hohen Abstand nach oben hat? Padding und Margin stehen auf Null ...

Er hat keinen hohen Abstand nach oben. Verpaß ihm mal im CSS ein border:1px solid fuchsia; und Du wirst es sehen.

Aber: da der Iframe nur 98% der Breite hat, sind daneben noch 2% frei. Und da der iframe ein float:left hat (indirekt, über das align="left"), wird nachfolgender Inhalt eben rechts daneben in den 2% untergebracht.

cu,
Andreas

[Detlef G.]

Hallo Matthias

Könnt Ihr Euch mal den Quelltext folgender Seite ansehen?

http://www.s6-luftfederung.de/media/media.html

Ein Link wäre bequemer für potentielle Helfer.

Dort ist nach dem eingebetten IFRAME ein hr eingebaut. Der wird aber vom Browser nicht dargestellt, sowie übrigens andere Elemente auch nicht.

Hab keine Erklärung. Ihr vielleicht?

Ja, ich habe eine Erklärung.

<iframe class="iframestyle" src="bilder/bilderindex.html" align="left"  

Du gibst dem IFrame (meiner Meinung nach grundlos) align="left" mit. Das entspricht einem float:left im CSS. Gefloatete Boxen werden aus dem Textfluss genommen und haben keinen Einfluss mehr auf Größe oder Position von umschließenden oder folgenden Blockelementen. Lass es einfach weg.

Übrigens, warum hast du .Hauptfenster_xxx jeweils eine Höhe gegeben? Ohne diese würde es sich der Höhe des Inhalts anpassen. Mit Höhenangabe müsstest du bei jeder kleinen Änderung des Inhalts diese wieder ändern. Auch bei einem Schriftzoom im Browser passt es nicht mehr und mein Opera zeigt auf deiner Startseite dadurch einen sinnlosen zweiten Scrollbalken.

Auf Wiederlesen
Detlef