Hi zusammen,
ich habe an meiner Website bissl was geändert und nun stimmt das Layout nicht mehr ganz.
Es geht um
diese Seite. Der erste Eintrag ist immer genauso hoch wie der Inhalt der rechten Sidebar. Etwas deutlicher sieht man es
hier.
Der Code sieht prinzipiell so aus:
HTML-Code:
<!-- ja, Sidebar zuerst, denn anders ging es nicht und hat so auch Vorteile -->
<div id="
sidebar">
</div>
<div id="
linkes_feld">
<div>
Eintrag 1
<div style="
clear: both"></div>
</div>
<div>
Eintrag 2
<div style="
clear: both"></div>
</div>
</div>
Code:
#sidebar {
float: right:
width: 250px;
}
#linkes_feld {
margin-right: 260px;
}
Eigentlich müsste das unabhängig voneinander sein, da sich die Container nicht überlappen. Auch mit Firebug & Co. komme ich nicht weiter.
Seht ihr einen Fehler?
Das ist übrigens bei den gängigsten Browsern so. Liegt also definitiv an meinem Code.
Edit: Ich habe den Code oben ergänzt. Der Übeltäter ist das "clear: both" innerhalb der Eintragstexte (danke Frederic). Ich verstehe aber nicht, warum es daran liegt, da sich das nur aufs direkt übergeordnete Div auswirken sollte. Und "clear: both" benötige ich ... 