Wie erreiche ich im Firefox die gleiche Position wie im IE

Status
Nicht offen für weitere Antworten.

Jan-Frederik Stieler

Monsterator
Moderator
Hallo,
hab jetzt ein kleines Problem beim laden im Firefox.
Und zwar wird das linke Menü weiter nach unten geschoben als im IE.

Code:
body {background-color:#666666; font-family: Verdana, sans-serif; font-size: 11px; color: #000000;}
h1 {color: #ff6a02; font-weight:bold; font-size: 12px;}
li {list-style:none; padding:11px;}
a:link {font-family: Verdana, sans-serif; font-size: 12px; font-weight:900; text-decoration:none; color: #ffffff;  }
a:visited {font-family: Verdana, sans-serif; font-size: 12px; font-weight:900; text-decoration:none; color: #ffffff;  }
a:hover {font-family: Verdana, sans-serif; font-size: 12px; font-weight:900; text-decoration:none; color: #FF6A02;  }
a:active { font-family: Verdana, sans-serif; font-size: 12px; font-weight:900; text-decoration:none; color: #FF6A02; }

Code:
#positionierung {
position: absolute;
left: 50%;
width: 790px;
margin-left: -395px; /* negative Hälfte von width:400px */
top:0px;
z-index:1;
}

.head1{
content:url(pics/wordup.jpg);
position: absolute;
top:31px;
left:35px;
z-index:2;
 }
.head2{
position: absolute;
top:31px;
left:270px;
z-index:2;}

.menue{
position: absolute;
top:198px;
left:15px;
z-index:2;}


.inhaltText{
position: absolute;
width:425px;
top:212px;
left:210px;
overflow:auto;
z-index:2;}

Code:
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>.: WordUp! Heidelberger Poetry Slam im DAI</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Jan-Frederik Stieler">
<meta name="organization" content="büro:exit">
<meta name="generator" content="Phase 5">
<meta name="date" content="2005-07-17T17:03:44+00:00">
<meta name="language" content="de">
<meta name="robots" content="index,follow">
<meta name="keywords" content="dai, poetry slam, wordup, word up, heidelberg,">
<link href="css/basics.css" rel="stylesheet" type="text/css" >
<link href="css/divinhalte.css" rel="stylesheet" type="text/css" >
<link href="css/menue.css" rel="stylesheet" type="text/css" >
</head>
<body>
<div id="positionierung"><img src="pics/hintergrund.jpg" width="790" height="769" border="0" alt="">
<div class="head1"><img src="pics/wordup.jpg" width="235" height="156" border="0" alt=""></div><div class="head2"><img src="pics/motivation.jpg" width="476" height="156" border="0" alt=""></div>
<ul class="menue">
  <li><a href="#" >WORD UP!</a></li>
  <li><a href="#">Regeln</a></li>
  <li><a href="#">Poetry Slam?</a></li>
  <li><a href="#">Termine</a></li>
  <li><a href="#">Fotos</a></li>
  <li><a href="#">Motivation</a></li>
  <li><a href="#">Kontakt</a></li>
  <li><a href="#">Links</a></li>
</ul>
<div class="inhaltText">
<b>Am Anfang war das Wort..</b><br>
<br>
<h1>!WORD UP! - Poetry Slam</h1>
Liebe Poetry-Slam-Freundinnen und -Freunde in Heidelberg und<br>
anderswo, Herzlich Willkommen auf der neuen Website von "WORD UP!",<br>
dem Poetry Slam in Heidelberg.<br>
<br>
<b>Nächste Slams:</b> OPEN AIR am 04.08.2005 im Garten der Villa Nacht<br>
tanz (mit Lydia Daher, Lasse Samström und vielen anderen, musika-<br>
lisches Rahmenprogramm; Mathias Bacht)<br>
<br>
<b>OPEN AIR am 11.09.2005</b><br>
im Landfriedkomplex/ Bergheimerstr. 147<br>
<br>
Endlich, endlich haben wir es geschafft uns mal eine schönere Homepage<br>
zuzulegen. Unser Dank dafür geht erst einmal an Mathias<br>
Schmitt, der für dieses neue Layout verantwortlich ist.<br>
Wir hoffen, dass Ihr Euch ab jetzt noch besser bei uns zurecht findet und<br>
dass wir beim Open Air Slam in der der Villa Nachttanz viele Bekannte<br>
aber auch neue Gesichter in der Villa Nachttanz begrüßen dürfen.<br>
<br>
Auch auf keinen Fall, solltet Ihr Euch das Spektakel am 11.09. im Land-<br>
friedkomplex entgehen lassen, das neben dem Poetry Slam noch viele<br>
andere Genüsse musikalischer und kulinarischer Art bieten wird...<br>
<br>
<b>Mehr unter:</b>
Termine und<br>
Regeln & Formalitäten<br>
<br>
Bis dann und viele Grüße,<br>
Eure WORD UP! - Macher<br>
</div>
</div>
</body>
</html>

Also ich habe mit den Tags die nur in dem einen Browser funktionieren und in dem anderen nicht so viel Erfahrung, aber ich denke das es irgendwie mit dem Li-Tag zutuen hatt.
 
Solange du keine margin- bzw. padding- Angaben für die Liste notierst, besitzen die Listenpunkte in den Browsers unterschiedliche Abstände, was bei deinem Menü wohl zu den Verschiebungen führt.

Code:
ul 
{
margin: 0;
padding: 0;
}
 
Status
Nicht offen für weitere Antworten.
Zurück