Mozilla versteht mich nicht!

[Stefan H.]

Hallo zusammen,

ich überarbeite gerade meine alte HP.

In Opera und IE wird die seite wunschgemäß angezeigt, alle Schriftarten stimmen, das grobe Layout passt auch schon.

Öffne ich die Seite jedoch mit Mozilla oder auch Firefox, herrscht plötzlich völliges Chaos. Die Navigationslinks sind in der falschen Schriftart, und noch schlimmer in viel zu großer Schriftgröße (womit meine Tabellenzellen komplett gesprengt werden und das Layout verhunzt ist).

Die Formatierung gestalte ich auf der gesamten HP mit einer eingebundenen CSS datei.
In speziellen Fällen formatiere ich direkt im HTML Code der entsprechenden Seite.

Der Code lautet wie folgt:



/* CSS Document */

div, p, h1, h2, h3, ul, ol,
span, a, table, td, form, img, li {
margin: 0;
padding: 0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

BODY {margin: 0;
padding: 0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 101%;
background: #000C50;
color: #DCDCDC;
}

img.iframe{
margin-right: 5px;
margin-bottom: 3px;
float: left;
border: none;
}

h1{ color: #DCDCDC;
font-style: italic;
font-size: 17px;
text-decoration: underline;
letter-spacing: 1px;
word-spacing: 0px; }

p.iframe {color: #DCDCDC;
font-size: 10px;
}

p.nav {color: #DCDCDC;
font-size: 8 pt;
text-decoration: none;
margin: 4px; }

p.kontakt{color: #DCDCDC;
font-size: 9 pt;
text-decoration: none;
text-align: center;
margin: 4px; }

p.div{color: #DCDCDC;
font-size: 9 pt;
text-decoration: none;
text-align: center;
margin: 4px;

}

table.iframe{
width: 472;
height: 447;
margin: 0;
margin-top: 0;
margin-right: 0;
margin-left: 20;
margin-bottom: 0;
}


a:link {margin: 3 px;
color: #DCDCDC;
text-decoration:none;
font-size: 8 pt; }

a:visited {margin: 3 px;
color: #DCDCDC;
text-decoration:none;
font-size: 8 pt;}

a:active {color:#E7CA01;
text-decoration:none;
font-size: 8 pt; }

a:hover {color:#E7CA01;
text-decoration:underline;
font-size: 8 pt }



Der Link zur HP lautet: http://www.whkd-eutin.de/test

Wo ist der Haken bei der HP?
Nach einigen Stunden code-debugging, seh' ich den Wald vor lauter tags nicht mehr.

Vielleicht könnt ihr mir ja helfen.


MfG Stefan

 

[seby]

div, p, h1, h2, h3, ul, ol,
span, a, table, td, form, img, li {
margin: 0;
padding: 0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

also erstmal ein tipp:
du kannst, wenn du diese eigenschaften auf alle verwendeten objekte übertragen willst kannst du auch * verwenden. alle elemente, di nicht diese eigenschaften haben sollen kannst du in extra class packen

 

[seby]

vielleicht funktionierts ja wenn du dies auf alle elemente überträgst probiers mal

!! ich glaube ich habs zwischen wert und einheit darf kein lehrzeichen stehen

Ungültige Nummer : font-size Zu viele Werte oder die Werte werden nicht erkannt : 8 pt

 

[Stefan H.]

Auweia, da ist ja ne ganze Menge zu ändern... werd mich gleich mal ransetzen.

Danke für deine schnelle Antwort.

Diesen CSS - Validator kannt ich noch gar nicht. Scheint ja ein echt praktisches Tool zu sein.


MfG Stefan

 

[Stefan H.]

Mozilla ist sehr streng, was den CSS und auch HTML - code angeht.

Ich habe jezt hinter jeder font-size die entsprechende masseinheit hintergeschrieben. (mit ... 8 pt; schien Mozilla nicht klarzukommen)

jezt steht dort font-size: 10 px; und schon funzt es.

Danke für die Hilfe. Nun seh ich vieles klarer. :-)


MfG Stefan

 

[ingoS]

Also, ich glaube, man sollte zwischen Angabe und Einheit kein Leerzeichen haben und das ist wahrscheinlich auch dein Problem.

 

[Stefan H.]

Jo, das war es auch, habe es nun gelöst. :)

 

[Prophet]

MOVED: CSS