nicht angemeldet
Hallo,
ich schreibe gerade an einer Webseite für meine lieblings Kneipe und habe mir da ein Konstrukt ausgedacht für die Navigation.
Leider wird das Menü manchmal nicht korekt vom Firefox dargestellt, es sieht dann so aus als sei die Div mit den Links nach rechts verschoben.
Hier ein Beispiel
<html>
<head>
<title></title>
<style type="text/css">
div#box1, div#box2, div#box3 {width: 200px; height: 100px; padding: .5em; border: 2px solid black; color: black;}
td#mitte { background-image:url('test.gif'); width:600px; height:150px; }
td#links { background-image:url('test.gif'); background-repeat:no-repeat; width:50px; height:300px;}
td#rechts { background-image:url('test.gif'); background-repeat:no-repeat; width:50px; height:300px;}
div#mitte { position:absolute; top:10px}
div#box1 { position:absolute; top:50px; left:0px; width:200px; background-color: #ffd;}
div#box2 { position:absolute; top:50px; left:200px; width:200px; background-color: #ffb;}
div#box3 { position:absolute; top:50px; left:400px; width:200px; background-color: #ff6;}
</style>
</head>
<body>
<table width="100%" border="1">
<tr>
<td width="50%">linke spalte</td>
<td>
<table width="600" border="1">
<tr>
<td colspan="3" id="mitte"><div id="mitte">das ist eine div
<div id="box1">div 1 <a href="test.html">link 1</a></div>
<div id="box2">div 2 <a href="test.html">link 2</a></div>
<div id="box3">div 3 <a href="test.html">link 3</a></div>
</div>
</td>
</tr>
<tr>
<td id="links">links</td>
<td>mitte</td>
<td id="rechts">rechts</td>
</tr>
</table>
</td>
<td width="50%">rechte spalte</td>
</tr>
</table>
</body>
</html>
oder ansonsten mal unter http://farbpigmente.org/irishpub/irishpub.php anschauen (öfters mal auf die links klicken).
Meine Teorie ist ja das der Firefox die Div in den moment festnagelt wo die Tabele noch nicht ganz gezeichnet wurde.
Komischerweise hat der IE damit keine Probleme.
Ich hoffe hier kan mir jemand einen oder mehre Hilfreiche Tips geben.
MfG Micha