CSS Problem mit Mozilla FF

(hier klicken, um zum Original Thread zu gelangen)

TrioxX

Nabend,

ich habe ein selten doofes Problem. Im IE (7) wird meine Seite wunderbar und ohne Probleme angezeigt. Im Firefox nicht. Genau erklären lässt sich das eher weniger. Tatsache ist, dass die Problemzeilen folgendes CSS Attribut nutzen:

Zitat:

#userMenu ul {list-style: none;margin: 0;padding: 0;}
#userMenu li {margin: 1px 7px 4px 0;float: left; font-size:x-small;}
#userMenu a {text-decoration: none; font-size:x-small;
}

Im Firefox werden die entsprechenden Teile komplett verschoben angezeigt... Fast so, als wäre irgend ein Tag nicht beendet.

Wer es mal sehen möchte --> http://www.db.gt-chat.de

Hoffe, jemand weiß Rat. Danke schonmal.

TroX

schau dir doch mal die validation deiner seite an...

http://validator.w3.org/check?uri=http%3...=Inline&group=0
http://jigsaw.w3.org/css-validator/valid...&usermedium=all

MfG

(übrigens: selten so viele fehler auf anhieb entdeckt wie auf deiner Augenzwinkern

. Beispiel: kein <td> nach <tr>... )

TrioxX

Danke dir. Hab auf 22 Fehler reduziert (immernoch viele...) und wohl den entsprechenden gefunden. Da gibts einige, bei denen ich absolut keine Ahnung habe, wie ich die beheben soll :/

TroX

Kleine beispiele:

element "marquee" undefined.

Entferne den / slash bei /> im marquee-tag

there is no attribute "...".

-> Ist in der DTD-Definition nicht definiert. Suche entweder nach workarounds oder ignoriere es Augenzwinkern

Line 330, Column 18: document type does not allow element "tr" here; assuming missing "table" start-tag.
Du hast vergessen, ein <table>-tag vor das <tr> zu setzen

document type does not allow element "td" here; assuming missing "tr" start-tag.
kein tr vor dem td

merze diese fehler mal aus und überprüf dann nochmal Augenzwinkern

MfG

TrioxX

Ich hasse Validierung... Eine Änderung und schwupps haste 9 neue Fehler... Naja, nu is auf 16 reduziert.

TroX

Zeile 285:

code:

1:
2:
3:

<table style="width:100%" border="0" cellspacing="0" cellpadding="0">
     <td class="logobackground" align="left" style="border-right:1px solid #000000; border-top:1px solid #000000; border-left:1px solid #000000;">
<a href="index.php"><img src="images/bb_space2/GTChat.png" border="0" alt="The official GTChat Database" title="The official GTChat Database" /></a></td></td></tr>

da fehlt ein <tr> nach dem table-tag und am ende ist ein </td> zu viel.

code:
1:	<p></p><p></p><tr>

da ist immernoch kein <table>-tag vor dem <tr>

code:
1:	</td></tr><td align="center"><small><br />9269 Hits seit 20.09.2007</small></td>

1. da fehlt ein <tr> vor dem <td align="center">
2. da fehlen </tr> und </table> nach dem letzten </td>

code:
1:	</body>

da fehlt ein </td></tr></table> davor.

Marquee wird von XHTML 1.0 Transitional nicht unterstüzt. a) lass es ganz weg und richte das td zentriert aus oder b) versuche eine javascript-lösung

Und tadaaa: This Page Is Valid XHTML 1.0 Transitional!

MfG
trox

TrioxX

Okay... Außer dem marquee hab ich alles (noch bevor ich deinen Beitrag las...) lösen können. Jetzt hab ich nur ein Problem ^^

Jetzt werden die Mitteltabellen (zwischen Header und Footer) auf 100% Breite angezeigt... Das is natürlich Mist... Idee?!?

EDIT:

Okay... Alles per Hand ausrichten -.- Naja... Übrigens... Der W3C Validator spuckt immernoch mehr als den Fehler im marquee aus. Der Validator den ich nutze der tut das nicht...

EDIT 2:

Fehler gefunden.... Gibts ne gute Alternative zu dem marquee Ticker, den man auch als valid tarnen kann?

EDIT 3:

Okay... Nu isser raus ^^ Nu is allet valid smile

Dangöööö

(hier klicken, um zum Original Thread zu gelangen)