nicht angemeldet
Mir wurde in ca. 50 threads weiterunten geraten von frames auf css umzusteigen. Gemacht, getan. Auch wenn die Homepage noch ein bisschen amateurhaft wirkt, würde ich sie so lassen. Habe aber das Problem damit, dass sie nur im Internet Explorer korrekt angezeigt wird und im firefox und opera sich nach rechts verschiebt bilder nicht angezeigt werden etc. Drum meine Frage was ich machen muss, um auch in den beiden anderen Browsern eine korrekte Anzeige zu schaffen.
Hier die adresse: http://sg07.cwsurf.de/
hier die 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>