|
|||
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?)?
|
Sponsored Links |
|
||||
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.
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus |
Sponsored Links |
|
|||
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!
|
|
|||
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:
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Auch ohne Float wäre denkbar, mit Meda-Queries unterhalb einer bestimmten Viewportbreite.
Möglicherweise der sinnvollste Ansatz; der Fluss ums Float ist auch jetzt nicht immer hübsch.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
250*250px bild neben liste darstellen | DBzwerg | CSS | 9 | 09.02.2010 11:00 |
Liste und Bild mit Float: wie? | Martu | CSS | 7 | 30.06.2009 12:40 |
Ungelöste Frage: Bild vertikal zentrieren (Liste) | sahara87 | CSS | 5 | 25.01.2008 14:34 |
Bild hängt linksbündig stehen | dabidu | CSS | 4 | 21.09.2006 13:38 |
Liste (inline) Umbruch erzeugen | Steakfred | CSS | 3 | 09.05.2006 12:27 |