Hallo,
ich habe für meinen Basketballverein eine neue Webseite erstellt. Ich habe dazu den Web Page Maker, also ein Programm für Einsteiger verwendet. Mein Problem ist jetzt, dass die Seite bei den verschiedensten Browsern und Bildschirmauflösungen immer anders dargestellt wird. Die ganze Texte und Menüleisten verschieben sich erheblich und die ganze Seite schaut nach nix mehr aus.
Kann man da irgendwas im Code einstellen, damit das fix bleibt?
Meine Seite ist http://hoops.westwienunited.at und der HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Wien United Hoops</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="generator" content="Wien United Hoops">
<style type="text/css">
/*----------Text Styles----------*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: Arial,Helvetica,Sans-Serif;font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
margin-top: 0px;
margin-bottom: 0px;
}
html {overflow:scroll;}
</style>
<style type="text/css">
div#container
{
position:relative;
width: 1483px;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align:left;
}
body {text-align:center;margin:0}
</style>
</head>
<body background="images/hp_back.png" bgColor="#000000" style="background-repeat:no-repeat;background-position:top center;">
<div id="container">
<div id="image1" style="position:absolute; overflow:hidden; left:752px; top:242px; width:300px; height:329px; z-index:0"><img src="images/flyer2.jpg" alt="" title="" border=0 width=300 height=329></div>
<div id="art1" style="position:absolute; overflow:hidden; left:432px; top:245px; width:94px; height:70px; z-index:1"><img border=0 alt="Home" src="images/art110469890.gif"></div>
<div id="text5" style="position:absolute; overflow:hidden; left:449px; top:432px; width:287px; height:108px; z-index:2">
<div class="wpmd">
<div><font color="#026400" face="HelveticaNeueLT Pro 55 Roman" class="ws8">07/02/2011</font></div>
<div><font color="#000000" face="HelveticaNeueLT Pro 55 Roman">Der Neugegründete Basketballverein Wien United Hoops sucht noch Mitspieler. Wichtig ist uns, dass der Spaß am Spiel im Vordergrund steht. Das erste Testspiel findet am 24. Februar um 20 Uhr in Simmering statt.</font></div>
</div></div>
<div id="text6" style="position:absolute; overflow:hidden; left:449px; top:342px; width:287px; height:108px; z-index:3">
<div class="wpmd">
<div><font color="#026400" face="HelveticaNeueLT Pro 55 Roman" class="ws8">08/02/2011</font></div>
<div><font color="#000000" face="HelveticaNeueLT Pro 55 Roman">Trainingsauftakt ist kommenden Montag (14.2) um 20 Uhr in der Kreitnergasse 32. Einfach hinkommen und mittrainieren!</font></div>
</div></div>
<div id="text1" style="position:absolute; overflow:hidden; left:460px; top:181px; width:81px; height:40px; z-index:4">
<a href="index.html"><div class="wpmd">
<div><font color="#FFFFFF" face="Myriad Pro" class="ws20"><B>Home</B></font></div>
</div></a></div>
<div id="text2" style="position:absolute; overflow:hidden; left:602px; top:181px; width:118px; height:40px; z-index:5">
<a href="page2.html"><div class="wpmd">
<div><font color="#FFFFFF" face="Myriad Pro" class="ws20"><B>Über uns</B></font></div>
</div></a></div>
<div id="text3" style="position:absolute; overflow:hidden; left:927px; top:181px; width:103px; height:40px; z-index:6">
<a href="kontakt.html"><div class="wpmd">
<div><font color="#FFFFFF" face="Myriad Pro" class="ws20"><B>Kontakt</B></font></div>
</div></a></div>
<div id="text4" style="position:absolute; overflow:hidden; left:765px; top:181px; width:103px; height:40px; z-index:7">
<a href="training.html"><div class="wpmd">
<div><font color="#FFFFFF" face="Myriad Pro" class="ws20"><B>Training</B></font></div>
</div></a></div>
</div>
</body>
</html>