nicht angemeldet
Inzwischen habe ich das ganze neu angefangen und ein paar Änderungen vorgenommen im Code. Die Seite hab ich auch online gestellt...
http://www.tsv-warthausen.de/_aktive/_intern/nav.html
Also folgendes: Meiner bescheidenen Meinung nach sind die div's alle korrekt und auch richtig verschachtelt. Nur versteht das anscheinend kein Browser (Mozilla 1.3(?), Opera 5.12 und 7, Netscape 7). Wobei es der Opera 5.12 am Besten wiedergibt.
Liegt es an meinem schlechten Code oder gehört das in die Kategorie "Was die Browser unterscheidet"? Wie es aussehen soll, sieht man im ersten Posting dieses Threads...
Der Code hier nochmal:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#navigation {position:relative;border:1px solid #000000;}
#nav1 {position:relative;top:90px;float:left;}
#nav2 {position:relative;top:90px;width:12%;float:left;}
#nav3 {position:relative;top:26px;float:left;}
#nav4 {position:relative;top:26px;width:7%;float:left;}
#nav5 {position:relative;top:26px;float:left;}
.nav1 {width:15px;height:13px;}
.nav2 {width:100%;height:13px;}
.nav3 {width:50px;height:116px;}
.nav4_1 {width:17px;height:82px;}
.nav4_2 {width:17px;height:13px;}
.nav5_1 {width:17px;height:57px;}
a {text-decoration:none;text-size:14px;color:#666666;font-family:Verdana;}
</style>
</head>
<body>
<div id="navigation">
<div id="nav1"><img class="nav1" src="images/nav_xx_01.jpg"></div>
<div id="nav2"><img class="nav2" src="images/nav_xx_02.jpg"></div>
<div id="nav3"><img class="nav3" src="images/nav_or_01.jpg"></div>
<div id="nav4">
<div style="position:absolute;top:0px;left:0px;"><img class="nav4_1" src="images/nav_or_02.jpg"></div>
<div style="position:absolute;top:84px;left:0px;"><a href="#">Blindtext</a></div>
<div style="position:absolute;top:103px;left:0px;"><img class="nav4_2" src="images/nav_or_le.jpg"></div>
</div>
<div id="nav5">
<div style="position:absolute;top:0px;"><img class="nav5_1" src="images/nav_or_03.jpg"></div>
<div style="position:absolute;top:60px;"><a href="#">Blindtext</a></div>
<div style="position:absolute;top:103px;"><img class="nav4_2" src="images/nav_or_le.jpg"></div>
</div>
</div>
</body>
</html>
Gruss OLLI
Zwei Dinge sind unendlich, das Universum und die menschliche Dummheit, aber bei dem Universum bin ich mir noch nicht ganz sicher.
Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt.
[Albert Einstein]