Probleme mit IE6 und CSS

[mruiss]

Hallo allwissendes Forum,

habe ein kleines Problem auf meiner Seite, welches ich hoffe mit Eurer Hilfe lösen zu können.

Kann mir jemand von Euch den Grund nennen, warum es mir auf

http://www.top-magazin.net

den Inhalt des mittleren Containers (div centerCol) im IE6 soweit nach unten versetzt anzeigt? Ich komme einfach nicht auf den Fehler...

IE/WIN, IE/MAC, Mozilla/PC und Mozilla/Mac funktionieren einwandfrei...

Vielen Dank bereits jetzt für Eure Hilfe...

Gruß
Chris

P.S.: War mir erst egal. Ich mußte alerdings gestellen, daß 70% der IE Besucher noch mit IE6 kommen, sodass ich mich wohl darum kümmern muß

 

[Maik]

Hi,

als erstes solltest du den nachfolgenden Code aus der CSS-Datei entfernen, denn dort hat er nichts verloren:

<style type="text/css">

</style>

<!--[if lte IE 7]>
<style type="text/css">
.menu a { height:1%; }
.menu ul li a { width:147px; }
.menu ul li ul li a { width:153px; }
</style>
<![endif]

Wie es scheint, tritt im IE der "3px-Gap-Bug" auf, der sich folgendermaßen beheben lässt:

.menu {
        text-align: left;
        float: left;
        min-height:500px;
        width: 200px;
        height: auto;
        margin-top: 0px;
        margin-right:0 !important;
        margin-right:-3px;
        font:bold 10px verdana, sans-serif;
}

#rightCol {
        text-align: right;
        float: right;
        width: 181px;
        height: auto;
        font:bold 12px verdana, sans-serif;
        color:#860011;
        padding-right: 19px;
        margin-left:0 !important;
        margin-left:-3px;
        }

div#centerCol {
        text-align: left;
        margin: 0 200px !important;
        margin: 0 197px;
        min-height:650px;
        border-bottom:1px solid #869999;
        padding-right:20px !important;
        padding-right:10px;
        padding-bottom:10px;
}

Zudem solltest du alle mehrfach verwendeten IDs in Klassen umwandeln, da eine ID in einem Dokument eindeutig sein muss, also darin nur einmal vorkommen darf.

 

[mruiss]

Ähm...

1. Soweit ich weiß, hast Du uns den Conditional Comment empfohlen...

http://www.tutorials.de/forum/css/290462-menue-2-ebene-kann-nicht-als-block-dargestellt-werden.html

Muß er jetzt doch wieder raus?

2. Meinst Du wenn ich alles jetzt in Klassen wandele funktioniert das?

Danke und Gruß

 

[Maik]

Dann schau bitte nochmal nach, was ich dir da genau empfohlen habe -> http://www.tutorials.de/forum/1498880-post8.html

Der "Conditional Comment" wird nach dem "normalen" Stylesheet aufgerufen, und nicht darin - siehe auch Alternative CSS-Dateien für den Internet Explorer (Conditional Comments)

Arbeite die von mir fett markierten Angaben ein, und die mittlere Spalte rutscht im IE nach oben.

Der Hinweis mit den IDs war grundsätzlich gemeint, und hat mit dem Problem nichts zu tun.

 

[mruiss]

... Die Änderungen im CSS haben leider nicht zum Erfolg geführt...

Hat jemand vielleicht sonst noch eine Idee oder Du Maik noch eine andere?

Gruß

 

[Maik]

Bei mir greifen die Änderungen einwandfrei:



Hast du schon den Browser-Cache geleert?

 

[mruiss]

Funktioniert

Danke Maik. Ich liebe dieses Forum...

Bevor ich den Thread als gelöst markiere...

Hast Du vielleicht noch eine Idee, warum das Fly-out Menü im IE6 nicht funktioniert?

Danke und Gruß

 

[Maik]

Schau dir mal zum Vergleich Stu Nicholls' Flyout-Menüs an:

• http://www.cssplay.co.uk/menus/flyoutt.html
• http://www.cssplay.co.uk/menus/flyout5.html