Benötige dringend Hilfe -> CSS-Menü IE Problem

[rami8585]

Hallo,

ich habe ein Menü in CSS (oben rechts).
Dieses wird im Firefox einwandfrei angezeigt.

Aber der IE tanzt mal wieder aus der Reihe und zeigt das Menü falsch an:

1) Klappmenü zu weit nach rechts verschoben
2) Breite des Menüs (letzter Punkt wird unten drangehängt)

=> komme damit seit Tagen nicht weiter

Würde mich freuen wenn mir jemand helfen könnte, da eilt´s richtig..

evtl. auch gerne ein Angebot zur Korrektur

[fuchzga]

Hi,
da es schon recht spät ist - nur ganz kurz: Setz doch mal einen Doctype. Such mal hier im Forum, dass wurde schon desöfteren besprochen.

PS: auch im Navimenü in der linken Spalte sehen die Hover-Effekte im Mozilla irgendwie anders aus.

gruss, Karsten

[rami8585]

Setz doch mal einen Doctype

hi karsten. hilft nicht, habe ich schon versucht. und hier im forum hat niemand das gleiche problem, ähnliche ja, aber aus den beiträgen werde ich nicht schlau

[fuchzga]

Jage deinen HTML-Code einfach mal durch einen Validate-Check (z.B. http://validator.w3.org). Spätestens da wirst du auf den fehlenden DOCTYPE hingewiesen.

Wenn du dich etwas belesen möchtest, empfehle ich diesen Artikel bei SelfHTML:

Dokumente, die als syntaktisch strenge (X)HTML-Variante deklariert sind, werden vom Internet Explorer 6 unter Berücksichtigung des korrekten Box-Modells dargestellt - im sogenannten "standard mode". Auf Seiten, die keine oder eine weniger strenge Deklaration aufweisen, wird das fehlerhafte Microsoft-Box-Modell angewandt, um Abwärtskompatibilität zu gewährleisten. Dieser Modus wird als "quirks mode" bezeichnet.

Du hast doch das CSS-Menü von CSSPlay genommen. Du musst es einfach nur so machen, wie die es gemacht haben.
Nämlich XHTML 1.0 Strict.

Du schaltest den IE aber in diesen sogn. "quirks mode", da die Deklaration fehlt.
Und ehrlich gesagt, ist dein HTML-Code auch total verquirkst.
Kannst du diese "webbot"-Tags mal rausnehmen? Da wird einen ja schwindelig.
Mal ein Beispiel aus deinem Code:

<table border="0" cellpadding="0" cellspacing="0" width="975">
    <tr>
        <td rowspan="7" width="8" bgcolor="#F2F2F2"><img
        src="border1.gif" width="8" height="8"></td>
        <td rowspan="7" width="8" bgcolor="#E7E7E7"><img
        src="border1.gif" width="8" height="8"></td>
        <td width="943"><div align="center"><center><table
        border="0" cellpadding="0" cellspacing="0" width="943">
            <tr>
                <td><img src="logo.gif" width="227" height="77"></td>
                <td width="183" bgcolor="#FFFFFF">&nbsp;</td>
                <td valign="bottom" width="560" bgcolor="#FFFFFF"><!--webbot
                bot="HTMLMarkup" startspan -->

Wer soll denn das durchfieseln? Diese Verschachtelungen kannst du keinem Zumuten.
Beim besten Willen, aber dass der Firefox es richtig anzeigt, ist schon fast ein Wunder.