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
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