Unerklärlicher Abstand zwischen zwei DIVs

elex

Hallo,

ich habe nur auf dieser Seite http://videothekvergleich.de/dvd-verleih/ zwischen dem #teaser und dem #teaser-content2 einen Abstand, welchen ich mir nicht erklären kann.

Der Teaser hat eine feste Höhe mit overflow:hidden; und ist auch nicht größer als er sein sollte. Komischerweise wird gleiches Seitenlayout auch auf den anderen Seiten genutzt und hier ist der Abstand nicht.

Weiß jemand woran das liegen könnte?

Vielen Dank!

Unregistriert

Schon mal mit Firebug die Seite kontrolliert und einen Validator drüber laufen lassn?

elex

Hallo,

wenn ich bei Firebug das float:left; deaktiviere, dann ist das DIV entsprechend oben. Aber warum hat das etwas mit dem float zu tun? Dadurch kann das DIV doch eigentlich nicht verschoben werden.

Ansonsten sind die Seiten valide.

Eidt:
Habe nun folgendes hinzugefügt und das Problem damit behoben:

Code

margin-top:-12px;
    margin-bottom:12px;

Frage mich aber trotzdem warum durch float da solch ein Abstand ensteht.

MrMurphy

Hallo,

das wird jetzt ja ganz böse. Erst einen Fehler einbauen und dann durch ein unschönes CSS unsichtbar machen.

Du hast die Änderungen grade durchgeführt, als ich den Fehler suchte. Das sind neben der unschönen und unübersichtlichen Quelltextformatierung (Einzüge) aber richtig erschwerte Bedingungen.

Nimm die beiden margin-Zeilen mal wieder raus und und versuche die seltsame Kontruktion des ersten

Code

<p><br class="clear"></p>

durch

Code

<p class="clear"></p>

zu ersetzen. Das Problem scheint beim Clearen zu liegen. Eventuell kann auch das ganze p gelöscht und der clear in das nachfolgende div verschoben werden. Das habe ich jetzt nicht getestet.

Gruss

MrMurphy

elex

Hallo,
die komischen Einrückungen und die oftmals dumm gesetzten <p> Tags kommen leider automatisch vom CMS :(. Aber wenn ich

HTML

<p class="clear"></p>

anstatt

HTML

<br class="clear" />

einsetze scheint es wirklich zu funktionieren. Danke!

unknownsoldier

Denkt dran das der IE Probleme bekommen könnte mit dem "<br>" Tag als clear-Element. Besser ein Block-Element zum "clearen" benutzen. -> "<div class="clear"></div>

elex

Hi,

ich nutze ja jetzt <p class="clear" /> :).

unknownsoldier

"<p class="clear"></p>" meinst du wohl