zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bild linksbündig von Liste mit Listenpunkt umfliesen lassen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 31.08.2012, 00:14
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.05.2010
Beiträge: 43
Overtone befindet sich auf einem aufstrebenden Ast
Standard 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?)?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 31.08.2012, 09:09
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.087
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 31.08.2012, 11:58
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.05.2010
Beiträge: 43
Overtone befindet sich auf einem aufstrebenden Ast
Standard

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!
Mit Zitat antworten
  #4 (permalink)  
Alt 31.08.2012, 12:20
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.087
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von Overtone Beitrag anzeigen
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)!
ja klar, ist ja auch logisch! Nur der Text weicht dem Float aus, die Box erstreckt sich auch unter dem Float. Die Box bräuchte halt ein geeignetes margin-left, damit man die HG-Grafik sieht.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #5 (permalink)  
Alt 31.08.2012, 12:44
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.05.2010
Beiträge: 43
Overtone befindet sich auf einem aufstrebenden Ast
Standard

Dann bricht die Aufzählung bei schmalem Browserfenster aber wieder nicht nach links unter das Bild um!
Mit Zitat antworten
  #6 (permalink)  
Alt 31.08.2012, 12:45
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.087
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von Overtone Beitrag anzeigen
Dann bricht die Aufzählung bei schmalem Browserfenster aber wieder nicht nach links unter das Bild um!
ja, das ist richtig. Vielleicht solltest du überlegen ob das nicht die bessere Alternative ist.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #7 (permalink)  
Alt 31.08.2012, 12:55
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.05.2010
Beiträge: 43
Overtone befindet sich auf einem aufstrebenden Ast
Standard

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?
Mit Zitat antworten
  #8 (permalink)  
Alt 31.08.2012, 12:58
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.780
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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 von CSS 2.1|12.5.1
The position of the list-item marker adjacent to floats is undefined in CSS 2.1.
Mit Zitat antworten
  #9 (permalink)  
Alt 31.08.2012, 13:09
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.087
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von Overtone Beitrag anzeigen
So ähnlich wäre es dann ja ohne Float wie von dir vorgeschlagen, oder habe ich dich falsch verstanden?
jepp, ohne Float meinte ich eigentlich nicht.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 31.08.2012, 13:29
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.780
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von hubspe Beitrag anzeigen
jepp, ohne Float meinte ich eigentlich nicht.
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.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
250*250px bild neben liste darstellen DBzwerg CSS 9 09.02.2010 12:00
Liste und Bild mit Float: wie? Martu CSS 7 30.06.2009 13:40
Ungelöste Frage: Bild vertikal zentrieren (Liste) sahara87 CSS 5 25.01.2008 15:34
Bild hängt linksbündig stehen dabidu CSS 4 21.09.2006 14:38
Liste (inline) Umbruch erzeugen Steakfred CSS 3 09.05.2006 13:27


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:15 Uhr.