(css) Liste rutscht in Bild

 


phloo
Veteran

31.08.10
15:38 Uhr


Das Bild hat float:left und margin-right: 10px
Egal was ich bei der UL Liste anstelle, sie hängt im Bild.
Irgendeine Idee das zu lösen?
Link zu diesem Beitrag in die Zwischenablage kopieren
Logan
Überläufer

31.08.10
15:40 Uhr
was hast du denn bei der liste probiert? spontan hatte ich ul padding-left verpasst.
Link zu diesem Beitrag in die Zwischenablage kopieren
phloo
Veteran

31.08.10
15:44 Uhr
margin-left, padding-left, sowohl bei UL als auch LI. Keinerlei Veränderung.
Link zu diesem Beitrag in die Zwischenablage kopieren
Logan
Überläufer

31.08.10
15:56 Uhr
wenn du bei ul links ein margin oder padding einstellst, was größer ist als die bildbreite, dann hast du eine veränderung.

ist aber schon serh komisch...
Link zu diesem Beitrag in die Zwischenablage kopieren
phloo
Veteran

31.08.10
15:58 Uhr
das bringt mir aber nicht viel weil das ja automatisch passen muss.
habe ich inhalt ohne bild, dann steht die liste 250 pixel zu weit links D
ich find auch nix mit firebug.. aaah
Link zu diesem Beitrag in die Zwischenablage kopieren
hanna
Veteran

31.08.10
16:01 Uhr
und rechts um den text ein ebenfalls links floatendes div drumrum setzen? dann umfliesst es aber unten das bild nichtmehr falls es das tun sollte
Link zu diesem Beitrag in die Zwischenablage kopieren
Logan
Überläufer

31.08.10
16:01 Uhr
http://zachau.info/krams/s/ul.html

irgendwie rutscht die liste hinter das bild.

edit:
http://www.css4you.de/list-style-position.html
damit scheints zu klappen, aber bei mehrzeiligen listenpunkten sieht das dann natürlich nicht mehr aus wie gewünscht...
Link zu diesem Beitrag in die Zwischenablage kopieren
Markus
Veteran

31.08.10
16:23 Uhr
Ich kenn diese Problem nur wenn ich
  1. ul {
  2. padding:0px;
  3. margin:0px;
  4. }
Quelltext in Zwischenablage kopieren
habe, dann siehts genau so aus, die Listenpunkte hängen links raus. Mit margin-left bei LI müsste das aber zu beheben sein. Falls nicht, stimmt sonst noch was nicht mit dem CSS. Hast mal nen Link zu der Seite?
Link zu diesem Beitrag in die Zwischenablage kopieren
hanna
Veteran

31.08.10
16:26 Uhr
habs auch nachgebaut. liegt nich am css. das isn cssbug denk ich mal!
Link zu diesem Beitrag in die Zwischenablage kopieren
Markus
Veteran

31.08.10
16:27 Uhr
Yo, hab's auch grad gesehen... Evtl. kann man was mit display:block bei der UL retten... hab leider keine Zeit mehr noch weiter dran rum zu fummeln.

Edit: Der UL ebenfalls ein float:left... dann klappts
Link zu diesem Beitrag in die Zwischenablage kopieren
hanna
Veteran

31.08.10
16:32 Uhr
wie alles schon geschriebene wurde ;) dann müsste alles floaten was rechts daneben steht und dann umfliessts unterm bilt nichmehr
Link zu diesem Beitrag in die Zwischenablage kopieren
Markus
Veteran

31.08.10
16:40 Uhr
Kein floatendes DIV sondern der UL direkt ein float:left geben. Wenn unter dem Bild plötzlich Listen-Punkte nach links rutschen würden, wär das ja auch nicht der Sinn einer Liste ;-)
Link zu diesem Beitrag in die Zwischenablage kopieren
hanna
Veteran

31.08.10
17:10 Uhr
ja aber da sind ja rechts noch weitere elemente und da wird sichs sicher unschön verschieben
Link zu diesem Beitrag in die Zwischenablage kopieren
Kaihawaii
Dauergast

31.08.10
19:27 Uhr
man braucht doch nur dem Bild ein margin-right geben, schon funkt das doch ...
Link zu diesem Beitrag in die Zwischenablage kopieren
Logan
Überläufer

31.08.10
19:31 Uhr
hat er doch schon.
Link zu diesem Beitrag in die Zwischenablage kopieren
Kaihawaii
Dauergast

31.08.10
19:36 Uhr
ach so, es ging um das dahinter rutschen ... sry
Link zu diesem Beitrag in die Zwischenablage kopieren
kunze
Überläufer

01.09.10
00:25 Uhr
list-style-position:inside; ?
Link zu diesem Beitrag in die Zwischenablage kopieren
phloo
Veteran

01.09.10
09:46 Uhr
Update: das einzige was bisher half, war der Liste ebenfalls ein float:left zu geben (danke Markus)
Problem bei list-style-position: inside: Sobald kein Content daneben steht, rutschen die Listenpunkte nach innen und sind nicht mehr schön an der linken Seite ausgerichtet.
Link zu diesem Beitrag in die Zwischenablage kopieren
Markus
Veteran

01.09.10
11:17 Uhr
Das Problem ist halt, wenn danach ein <p> oder irgendwas anderes folgt. Dann muss unter der <ul> irgendwas mit clear:both rein damit die weitere Darstellung wieder stimmt. Aber das hast du wahrscheinlich schon gemerkt.
Link zu diesem Beitrag in die Zwischenablage kopieren
phloo
Veteran

01.09.10
11:33 Uhr
Danach kommt gar nichts...
Link zu diesem Beitrag in die Zwischenablage kopieren
 
#