Bild linksbündig von Liste mit Listenpunkt umfliesen lassen
Wir haben eine Webseite mit einer dynamischen Inhaltspalte. Dort sitzt in einem DIV (hier im zweiten Block ab "Warum nutzen uns Kleinfirmen, ...") ein Bild linksbündig und wird von rechts mit einer unsortierten Liste umflossen. Im Firefox sieht das noch einigermaßen ordentlich aus. Im Chrome hingegen sitzt bei schmalem Browser (ca. 680 Pixel Browserbreite) der Haken der ersten Aufzählung mitten im Text. Im Internet Explorer hingegen fliest die Liste erst gar nicht unter das Bild und läuft somit bei schmalem Browser teilweise aus der Box. Gibt es hier überhaupt eine Lösung oder ist generell das Umfliesen mittels einer Liste nicht gestattet (W3C?)?
|
Moin,
das bei Chrome die Listengrafik mitten im Text sitzt kannst du vielleicht verhindern, indem du eine HG-Grafik als Listenzeichen nutzt. Das ist sowieso der bessere Weg, da list-style-image dieselben Nachteile wie die autom. Listenzeichen hat. ;) |
Das hatte ich auch schon getestet. Führt zu noch größeren Fehlern bei der Darstellung. Dann war (soweit ich noch weiß) bei normaler Breite jeder Listenpunkt statt rechts vom Bild (wie jetzt und wie es auch sein soll) ganz links in der Box (also sogar noch links von dem Bild)! Nur aus diesem Grund setzen wir hier nämlich auf list-style-image!
|
Zitat:
|
Dann bricht die Aufzählung bei schmalem Browserfenster aber wieder nicht nach links unter das Bild um!
|
Zitat:
|
Nicht wirklich. Wenn Du Zeit und Lust hast kannst Du dir die Katastrophe mal im IE ansehen. Da bricht eben nichts links unter das Bild und der Text schiebt sich (unsichtbar) rechts aus der Box! So ähnlich wäre es dann ja ohne Float wie von dir vorgeschlagen, oder habe ich dich falsch verstanden?
|
Wenn ein Element einen Block Formatting Context generiert, dann weicht die gesamte Box einem Float aus, nicht nur der Inhalt. Das wäre ein Ansatz für dein Vorhaben.
list-style-... ist nach wie vor schwierig, wenn man die Kontrolle über die Position des Markers haben will. Zitat:
|
Zitat:
|
Zitat:
Möglicherweise der sinnvollste Ansatz; der Fluss ums Float ist auch jetzt nicht immer hübsch. |
Alle Zeitangaben in WEZ +2. Es ist jetzt 22:30 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023