Float:right.......Ääähhh - Wie war das nochmal beim IE6?

Stadtmensch · #1 (**permalink**) 26.11.2008, 00:25

Hallo, hier nochmal ein IE6-Problem:
Thermografie-Team: Gegründet in Hamburg und bundesweit im Einsatz

Eigentlich ganz einfach aufgebaut. Mit Div-Klassen:

Code:

* { margin: 0; padding: 0; font-size:11px;font-family:Verdana;background:black;}
...usw. etc...
div.aussen{
width:901px;
min-height:990px;
margin:0px auto;
background: url(thermografie-hintergrund.jpg);
background-repeat: no-repeat;
}

div.oben{
width:901px;
height:140px;
padding-left:5px;
background:transparent;
}

div.thermografie-linke-seite{
width:580px;
margin-left:15px;
float:left;
background:#333333;
}

div.thermografie-rechte-seite{
width:160px;
margin: 5px;
float: right;
background-color:transparent;
}

Ein div "aussen" 901px groß, darin eingebettet:
"oben" 901px breit;
Ein div "linke Seite", 580px breit;
und div "rechte Seite, 160 px breit. Float:right.

Den Zwischenraum zwischen 580 von links und 160 von rechts füllt die Hintergrundgrafik. Das funktioniert auch in allen halbwegs CSS-konformen Browsern. IE7, Firefox, Safari, Opera.

Nur im IE6 rutscht die rechte Spalte - so als ob der IE6 sich um float:right nicht kümmert.

Da gab es doch einen Trick....?

uspri · #2 (**permalink**) 26.11.2008, 19:35

In meinem Firefox rutsch die rechte Spalte auch nach unten raus.

Stadtmensch · #3 (**permalink**) 27.11.2008, 13:56

Hallo, das mit den paar Pixeln an der rechten Seite ist nicht weiter tragisch...

uspri · #4 (**permalink**) 27.11.2008, 13:58

Achso? Hab Dir mal ein Screen von mir angehangen.

Ich gebe Dir auch noch den Hinweis auf die Eigenschaft clear.

tobik999 · #5 (**permalink**) 27.11.2008, 14:04

bei mir rutscht es unten auch raus, im IE 6.029 sehr viel stärker und bei Firefox 3.0.4 nur ein bisserl, vielleicht mehr min height? ausserdem gab es in meinem IE noch ein Problem, siehe Anhang

uspri · #6 (**permalink**) 27.11.2008, 14:07

Nix min-height, sondern ein clear am Ende, dann geht der Container auch bis zum Ende der Floats.

Stadtmensch · #7 (**permalink**) 27.11.2008, 14:14

Das waren bei mir beim überziehen der rechten Spalte tatsächlich nur 2-3 Pixel. So sehr variiert dei Anzeige also!

Mit clear meinst Du <br clear="all"> ?

uspri · #8 (**permalink**) 27.11.2008, 14:17

Sowas meinste ich, aber vieleicht hast Du ein Element am Ende, dem Du das clear mitgeben kannst, damit Du kein extra Element einfügen musst?

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
IE6 Problem - Menü zumindest bedienbar machen	Ares	CSS	1	11.02.2011 12:33
Float:right fehler im IE6	gertnaster	CSS	9	04.01.2011 21:59
IE6 "cleart" Spalte ohne ersichtlichen Grund	ppatrick	CSS	5	05.04.2010 14:50
Text-Zeichen im IE6 wiederholen sich – Problem...	rg69	(X)HTML	2	05.06.2008 14:36
Dropdown-menü ie6 Darstellungsprobleme	Koody	CSS	6	29.08.2007 14:15