nicht angemeldet
so leute, jetzt hätte ich die website so gemacht mit css. Regt euch bitte nicht auf falls sie euch nicht gefällt und lest über den inhalt drüber, aber ich habe ein problem:
Im internet explorer funktioniert die anzeige wunderbar, beim firefox und in opera, werden jedoch teile der bilder nicht angezeigt und lauter solche späßchen. Drum wäre nett wenn mir wer sagen könnte warum. serveradresse: http://sg07.cwsurf.de/
hier der quellcode der index.html:
<html>
<head>
<title>gjk</title>
<meta name="author" content="Meister">
</head>
<body text="#FFFFFF" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>SG07</title>
<style type="text/css">
body {
color: white; background-color: black;
font-size: 99.0%;
font-family: Helvetica,Arial,sans-serif;
margin: 0; padding: 0em;
min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}
h1 {
font-size: 0.5em;
margin: 0 0 5.7em; padding: 0.0em;
text-align: center;
background-color: #fed;
border: 0.9px ridge silver;
}
ul#Navigation {
font-size: 0.63em;
float: left; width: 18em;
margin: 0 0 0.0em; padding: 0;
border: 1px black;
}
ul#Navigation li {
list-style: none;
margin: 0; padding: 0.1em;
}
ul#Navigation a {
display: block;
padding: 0.8em;
font-weight: bold;
}
ul#Navigation a:link {
color: black; background-color: #eee;
}
ul#Navigation a:visited {
color: #666; background-color: #eee;
}
ul#Navigation a:hover {
color: black; background-color: white;
}
ul#Navigation a:active {
color: white; background-color: gray;
}
div#Info {
font-size: 0.9em;
float: right; width: 7em;
margin: 0 0 0.7em; padding: 0;
background-color: #eee; border: 0px black;
}
div#Info h2 {
font-size: 1.33em;
margin: 1.5em 0.5em;
}
div#Info p {
font-size: 0em;
margin: 1.5em;
}
div#Inhalt {
margin: 0 2em 0em 8em;
padding: 0 1em;
border: 0px dashed silver;
}
* html div#Inhalt {
height: 1em; /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
}
div#Inhalt h2 {
font-size: 1.2em;
margin: 0.2em 0;
}
div#Inhalt p {
font-size: 1em;
margin: 1em 0;
}
}
</style>
</head>
<body>
<h1><img src="banner.jpg" alt="" border="0"> </h1>
<ul id="Navigation">
<li> <a href="index.html"><font face="Staccato222 BT"><font size="+3"><div align="center">Home</div></font></font></a></li>
<li><a href="our.html"><font face="Staccato222 BT"><font size="+3"><div align="center">Our story</div></font></font></a></li>
<li><a href="kurve.html"><font face="Staccato222 BT"><font size="+3"><div align="center">Südkurve</div></font></font></a></li>
<li><a href="http://sturmtifo.com" target="_blank"><font face="Staccato222 BT"><font size="+3"><div align="center">Fotos</div></font></font></a></li>
<li><a href="sturm.html"><font face="Staccato222 BT"><font size="+3"><div align="center">Sturm Graz</div></font></font></a></li>
<li><a href="http://forum-schwarzegarde.sx.am" target="_blank"><font face="Staccato222 BT"><font size="+3"><div align="center">Forum</div></font></font></a></li>
<li><a href="kontakt.html"><font face="Staccato222 BT"><font size="+3"><div align="center">Kontakt</div></font></font></a></li>
<li><a href="archiv.html"><font face="Staccato222 BT"><font size="+3"><div align="center">Archiv</div></font></font></a></li>
</ul>
<div id="Info">
<br><br><h2><font color="#000000"><font face="Lucida Sans Unicode">Bundesligatabelle:</font></font></h2>
<p><img src="tabelle19.GIF" alt="" border="0"></p>
<p><br><br>
<b> <br><h2><font size="-1"><font size="+1"><font color="#000000"><font face="Lucida Sans Unicode">Torschützenliste:</font></font></font></font></h2> </b>
<p><img src="schutze.GIF" alt="" border="0"></p>
</div>
<div id="Inhalt">
<p><br><br><br>
<font color="#FFFFFF"> <b><ul><font face="VERDANA,ARIAL,HELVETICA">WIR GEHEN ONLINE</font><basefont face=""></ul></b> </font>
<ul><font face="VERDANA,ARIAL,HELVETICA">Nachdem unser Forum bereits 1 Woche online ist, haben wir<br>
uns entschlossen nun online zu gehen. Einen kleinen Bericht<br>
über uns lesen Sie im Bereich "Our story". <br>
<hr></font></ul>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</p>
</div>
</body>
</html>
</body>
</html>
Der Martin