Starker Unterschied im IE und FF (vmtl. padding)

Fabian Frank

Erfahrenes Mitglied
Hallo Leute,

hab ein Problem mim IE; bzw. Firefox.

Und zwar hab ich eine NavBox definiert:

Code:
#l_navTop{
  	position: absolute;
	top: 50px;
	left: 0px;
	width: 100%;
	height: 25px;
	z-index: 1;
	padding: 0px;
    margin: 0; 
	background-color: #eeeeee;
	border-bottom: 1px #e8e8e8 solid;
	}

Und eben ein Listenmenü:
Code:
ul#navList ul {
	 margin: 0px;
	 padding: 0px;
	 padding-top: 0px;
	}
ul#navList li {
	 display: inline;
	 margin: 0;
	 padding: 0;
	 list-style: none;
	}
ul#navList li:hover {
	background-color: #ffffff;

Mit folgender Listennavigation in dem Layer #l_navTop:
Code:
<ul id="navList">
		<li class="linka"><a href="#.php" class="navTop">fgdsgfdgfdgfd</a></li><li class="linka"><a href="#.php" class="navTop">gfgfdgfdg</a></li><li class="linka"><a href="#.php" class="navTop">gfdgfdgfdgfdg</a></li><li class="linka"><a href="#.php" class="navTop">dgfgdgfdgdg</a></li><li class="linka"><a href="#.php" class="navTop">dgfgfdgfdgfd</a><? if ($_SESSION["usr_rmod"] == "adler") { ?></li><li class="linka"><a href="#.php" class="navTop">Tauschanfragen</a></li><li class="linka"><a href="#.php" class="navTop">Administration</a><? } if ($_SESSION["usr_rmod"] == "auth") { ?></li><li class="linka"><a href="#.php" class="navTop">Tauschanfragen</a><? } ?>
	</li></ul>


Jedioch wie im Anhang zu sehen, ist das in beiden Browsern unterschiedlich dargestellt.
Doctype hab ich auch ausprobiert, aber es geht einfach nicht.

Wäre dankbar um rat.

Grüße,

Fabi

(Links: FF; Rechts: IE)
 

Anhänge

  • ff.gif
    ff.gif
    1,9 KB · Aufrufe: 112
  • ie.gif
    ie.gif
    1,5 KB · Aufrufe: 108
Hi,

die Rückfrage ist eigentlich überflüssig, denn die Ursache liegt schlichtweg in diesem Selektor, der in dieser Form im gezeigten Markup keine Übereinstimmung findet - wird das zweite (rotmarkierte) Listenelement aus dem Selektor genommen, stimmt die Darstellung in den genannten Browsern exaktement überein :-)

Code:
ul#navList ul {
margin: 0px;
padding: 0px;
padding-top: 0px;
}


mfg Maik
 
Zurück