[zeroathome]

Ich weis das Thema ist mittlerweile totgeredet, aber nach mehrstündiger Suche und Studiums mehrerer Foren und anderen Quellen zum Thema CSS und IE6 bin ich leider noch immer auf keine Lösung für mein Problem gestoßen.

Um das ganze zu verdeutlichen hier mal ein stilisiertes Bild des Problems:

Fehlersuchbild

Und den Link zur eigentlichen Seite

Link

Und ja, das der Code nicht gerade der eleganteste ist, ist mir bekannt

Das ganze ist folgendermaßen verschachtelt (ohne den header):

<div id="area">
<div id="leftcolumn">
Inhalt
</div>
<div id="maincolumn">
Inhalt
</div>
</div>

CSS sieht folgendermaßen aus:

#area {
width: 950px;
}

#leftcolumn {
margin: 0 0 0 5px;
width: 15%;
float: left; 
display: inline;
}

#maincolumn {
float:left; 
margin: 0;
width: 80%;
display: inline;
}

Eigentlich ist die Struktur wesentlich komplexer, aber dies ist der Bereich auf den es mit ankommt, also der in dem der Fehler auftritt...

So einiges habe ich bereits versucht, wie man an den 'display:inline' gegen den double-float-bug im IE. Auch die Prozentangaben in feste Breiten umzuwandeln habe ich bereits versucht, allerdings ohne Erfolg
Mit meinem Latein bin ich schon seit längerem am Ende und alles suchen hat bisher nichts genützt, also hoffe ich das ich hier jemanden finden der mir helfen kann.

Falls noch weitere Informationen benötigt werden bitte melden.

[IChao]

Es liegt wohl am %-padding auf dem Link "Anmelden" in div.moduletable.
%-paddings sind im IE generell keine gute Idee, weil ihm der Bezug oft fehlt.
.moduletable {zoom:1} sollte helfen, andernfalls dieses %-padding mal lassen. Tritt der Fehler noch auf?

[IChao]

sehe gerade, dass die Klasse .moduletable sonstwo noch benutzt wird, wo haslayout eher kontraproduktiv ist. Also besser

#leftcolumn .moduletable {zoom:1;}

[zeroathome]

Ui sehr geil, Danke! das wars schon!
Meine Rettung, ich glaub da wär ich im Leben nich drauf gekommen!
Danke, Danke, Danke!