div "saugt" benachbartes div heran im IE
daniel
- css
hallo alle zusammen,
ich dachte eigentlich mein css-layout stünde endlich und ich könnte mich um inhalte kümmern, aber denkste ;-)
es geht um diese site:
http://halla.homelinux.net/pages/realestates/
wenn das menue im linken div #submenue zu lang wird,
dann "saugt" das menue die box mit der ersten immobilie in der mittleren spalte #content zu sich heran - keine ahung weshalb.
der fehler tritt nur im IE, im FireFox0.9 sieht es genauso aus wie es soll. wiso beeinflussen sie da menue und inhalt??
ich kann keinen fehler finden ?
das css mit den klassen für die immobilien in der mittleren spalte #content steht übrigens unter http://halla.homelinux.net/styles/classes2.css und das submenue unter http://halla.homelinux.net/styles/submenue2.css
die spalte content wird mit http://halla.homelinux.net/styles/main_stylesheet2.css festgelegt: main_stylesheet2.css
ehrlich gesagt hab ich nicht mal eine ahnung wo ich da überhaupt ansetzen soll, so fremd ist mir der fehler ??
vielen dank für eure hilfe !!
grüße,
daniel
p.s.: ich hab mal 2 screenshots gemacht, auf denen der fehler ganz deutlich markiert ist:
http://halla.homelinux.net/media/images/ss_ie6_box_rand_error.gif
http://halla.homelinux.net/media/images/ss_mozFF_box_rand_error.gif
spontan würd ich auf die vermurkste Berechnung von PX-Werten beim IE tippen...Border,margin,padding werden dort fast immer falsch berechnet
schonmal mit größeren Werten experimentiert ? also für IE mal größere margins etc. einsetzen
Hallo Daniel,
wenn das menue im linken div #submenue zu lang wird,
dann "saugt" das menue die box mit der ersten immobilie in der mittleren spalte #content zu sich heran - keine ahung weshalb.
wenn Du in submenue2.css
#submenue {position: absolute; left: 0} statt
#submenue {float: left}
schreibst, ist die Darstellung im IE6 korrekt. Ob's bei Mozilla, FireFox, Safari etc. auch korrekt dargestellt wird, kann ich z.Z. nicht testen.
Das Problem beim IE ist, dass bei links gefloatetem Menü unter bestimmten Umständen der margin-left, den Du bei #content angegeben hast, "verschluckt" wird. Ich hatte ähnliche Probleme auf einer meiner Seiten. Da war die korrekte Darstellung davon abhängig, ob ein Image von nachfolgendem Text vollständig umflossen wurde oder nicht.
Viele Grüße
Frank
hallo frank und michael,
eine bekannte aus einem anderen forum hat mir die lösung aufgezeigt.
http://www.fabrice-pascal.de/bugbase/guillotine2/
anscheinend bin ich da in diesen bug geraten.
geholfen hat ein löschen des clear:both; in der "letzten" klasse für den inhalt der immobilien-boxen...
trotzdem vielen dank für eure hilfe !!
grüße,
daniel