bug bei DIVs mit float
Valentin Wirth
- css
0 Struppi0 Michael0 Struppi
0 Valentin Wirth
0 Bubax0 Valentin Wirth0 Ingo Turski0 Bubax
Hallo,
Wenn ich 2 DIVs nebeneinander packe hat bei mir im IE6 die rechte Spalte (linksbündig) an der linken Kante immer ein Knick. Ich hab mal ein Screenshot gemacht und darin den Rahmen eingeschaltet. Der Zeilenanfang ist im oberen Teil ca 3px weiter rechts. In Mozilla kommt der Fehler nicht. Hier mal ein Auszug aus HTML und CSS Datei:
<div id="Menue">
Text Text Text Text
Text Text Text Text
Text Text
</div>
<div id="Haupttext">
<h1>Ueberschrift</h1>
<p>Text TextText TextText
Text TextText Text
Text TextText TextText
TextTextText TextText
</p>
</div>
...
#Menue {float:left; width:150px;}
#Haupttext {margin-left:160px;}
Liegt das an mir oder ist das ein Bug? Kann ich da was machen? Oder muss ich wieder zu Tabellen zurück? :-(
Danke euch Valentin
Wenn ich 2 DIVs nebeneinander packe hat bei mir im IE6 die rechte Spalte (linksbündig) an der linken Kante immer ein Knick. Ich hab mal ein Screenshot gemacht und darin den Rahmen eingeschaltet. Der Zeilenanfang ist im oberen Teil ca 3px weiter rechts. In Mozilla kommt der Fehler nicht. Hier mal ein Auszug aus HTML und CSS Datei:
Was meinst du mit Knick?
Struppi.
Hallo Struppi,
Was meinst du mit Knick?
<img src="http://213.146.113.92/images/divProb.gif" border="0" alt="">
Gruß,
Michael
Was meinst du mit Knick?
<img src="http://213.146.113.92/images/divProb.gif" border="0" alt="">
Argghhh, "der Zeilenanfang ist im oberen Teil ca 3px weiter rechs".
Im oberen Teil?
er ist eher im unteren Teil weiter links.
Struppi.
Im oberen Teil?
er ist eher im unteren Teil weiter links.
So wie der Zeilenanfang im unteren Teil ist ist er eigendlich richtig. ;-)
Valentin
Hi,
Argghhh, "der Zeilenanfang ist im oberen Teil ca 3px weiter rechs".
Im oberen Teil?
er ist eher im unteren Teil weiter links.
nein, er ist im oberen Teil weiter rechts. Im unteren Teil ist er exakt dort, wo er hingehört.
Cheatah
Was meinst du mit Knick?
Guck dir mal das Bild an. In der Zeile wo das linke div aufhört fängt der Zeilenanfang ca 3px weiter vorne an. Das ist zwar nicht viel aber sieht echt komisch aus weil man denkt man hat ein Knick in der Optik. Ich mal es nochmal als Text auf falls das Bild nicht geht.
div 1 div 2
XXXXXX xxx x xxxxxx x xxxx
XXXXXX xxxxxxx xxxxxx xx
XXXXXX xxxxxxx
XXXXXX xxxxxx xxxxxxxx
XXXXXX xxxxxxxxxxx
knick-> xxxxxxxxxx xxxxx
xxxx xxxxxxxx xx xxxx
xxxxxx xxxxx xxxxx xx
xxxxxxxxxx
....
Hi,
Liegt das an mir oder ist das ein Bug?
Du bist unschuldig:
http://www.positioniseverything.net/explorer/threepxtest.html
Eine Google-Suche mit Deiner guten Fehlerbeschreibung hätte Dich auch sofort zum Ziel geführt (z.B. "three pixel bug" ;)
Viele Grüße,
Bubax
Du bist unschuldig:
Nur was machen?
Was macht ihr damit eure 2-3 spaltigen CSS Layouts kein Knick weg haben?
Valentin
Hi,
Was macht ihr damit eure 2-3 spaltigen CSS Layouts kein Knick weg haben?
freundliche Grüße
Ingo
Hi,
Was macht ihr damit eure 2-3 spaltigen CSS Layouts kein Knick weg haben?
Wir folgen den Tips, die uns gegeben werden, und wenden dann die dortigen Lösungsvorschläge an. Falls wir etwas nicht verstehen, weil wir kein Englisch beherrschen oder die Materie undurchschaubar finden, fragen wir entsprechend beim Tipgeber um Hilfe im Detail nach. Eine andere Lösung sehe ich - bis auf die zusätzlich von Ingo gemachten Vorschläge - in gegenwärtigem Fall auch nicht ;)
Viele Grüße,
Bubax