Float:left verschachtelt clearen
gspot
- css
Hallo,
gibt es eine Möglichkeit, den Umfluss um Elemente verschachtelt wieder zu clearen?
In meinem Fall habe ich ein Layout, bei dem die Navigation nach links gefloatet wird. Rechts davon im Content-Bereich hätte ich jetzt gerne eine Liste von Bildern mit einem kurzen Text dazu, wobei die Bilder links vom Text dargestellt werden.
Also ca. so:
<ul><!-- Links gefloatete Navigation --></ul>
<ul>
<li>
<img .../><!-- links gefloatetes Bild -->
umfließender Text
</li>
<li>
<img .../><!-- noch ein links gefloatetes Bild -->
umfließender Text
</li>
<li>
<img .../><!-- noch ein links gefloatetes Bild -->
umfließender Text
</li>
</ul>
Das Problem: wenn ich ohne clear arbeite, dann sieht die Liste der Bilder wie eine Treppe von links oben nach rechts unten aus.
Mache ich nach jedem Listenelement clear:left, dann rutscht alles unter die Navigation runter.
Es sollten aber alle Bilder der Liste schön brav untereinander dargestellt werden und trotzdem auf selber Höhe wie die Navigation bleiben.
Hat jemand eine Idee?
Danke und lG,
gspot
Ich vergaß noch zu erwähnen, dass das Bild in jedem Fall höher ist als der daneben dargestellte Effekt. Dadurch kommt es erst zu dieser Problematik.
Hi,
gibt es eine Möglichkeit, den Umfluss um Elemente verschachtelt wieder zu clearen?
*Gesucht* hast du vor dem Fragen aber nicht wirklich, oder?
http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout#verschachtelte-spalten
MfG ChrisB
*Gesucht* hast du vor dem Fragen aber nicht wirklich, oder?
Ich bin lange genug dabei, um die Forumssuche sowie Google VOR dem Fragen zu bemühen. Geh davon aus dass ich das gemacht habe und ergebnislos blieb.
http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout#verschachtelte-spalten
Danke für wenigstens eine konstruktive Information in deinem Post.
lG,
gspot