nicht angemeldet
possitionierungs probleme unter firefox
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
-
Hallo Micha,
Das sieht in Firefox witzig aus.
Meine Teorie ist ja das der Firefox die Div in den moment festnagelt wo die Tabele noch nicht ganz gezeichnet wurde.
<td colspan="3" id='tresen'> <div id='tresen'>IDs dürfen nicht mehrfach notiert werden. Vermutlich liegt es daran.
Der Hintergrund ist zum Scrollen übrigens nicht geeignet, da blitzt es abwechselnd schwarz und weiß.
Grüße
Roland