"Unsortierte-Liste-Bug" im Mozilla und IE (nicht in Safari und Chrome)

[MarcusMüller]

Hallo Leute,
unzwar habe ich ein Problem mit einem Bug in Mozilla Firefox und dem Internet Explorer. Das ganze habe ich zudem noch im Google Chrome und im Safari getest, dort funktioniert es auch so wie es funktionieren sollte.

Zum Bug:
Ich habe eine Navigation mittels unsortierter Liste/CSS erstellt (hier die HTML-Datei mit CSS: http://lte-sticks.net/Unsortierte.html). Nun ist es so,dass Mozilla und der IE einen Abstand nach oben zu dem Div erzeugen, in dem sie sich befinden, obwohl gar keiner angegeben ist, auch wenn ich margin-top:0px angebe bleibt der Abstand bestehen. Der Safari und Chrome hingegen machen es, wie schon erwähnt, richtig, hier zur Verdeutlichung noch 2 Bilder wie die einzelnen Browser reagieren:

http://lte-sticks.net/Mozilla_Bug.png (Abstand in Mozilla mit Hilfe von Web-Developer-Symbolleiste hervorgehoben)
http://lte-sticks.net/Mozilla_Bug2.png

Wie löse ich dieses Problem, wäre euch da sehr dankbar!
Grüße Marcus

 

[dkdenz]

Nimm mal das display:inline raus.
Wieso sollte ein Blockelement keines sein?

 

[MarcusMüller]

Da bleibt der Abstand nach oben leider gleich und links entsteht ein neuer ca. 40px breiter Abstand

 

[dkdenz]

Bei mir im Fx sieht's ok aus.
Probiere mal dies:

.level_1{margin:0;padding:0;}

Und wieso redest Du von einem Mozilla/IE-Bug?
Kann doch auch ein Webkit-Bug sein, was näher liegen würde.
Allerdings gibt es keinen Bug.
Wenn man ein separierte Liste macht, ist das Erscheinungbild in allen Browsern gleich.
Ergo muss es an Deinem Konstrukt liegen.
Z.B. an dem hier:

<a href="index.php/muskelaufbau/videos.html#skipNavigation26" class="invisible">Navigation überspringen</a>

Da genügt ein display:none und nicht sowas hier:

.invisible
{   width:0px;
    height:0px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
}

 

[MarcusMüller]

Danke, das

.level_1{margin:0;padding:0;}

hat geholfen.

Am

<a href="index.php/muskelaufbau/videos.html#skipNavigation26" class="invisible">Navigation überspringen</a>

lags nicht, hatte es auch einmal komplett entfernt und da gabs keine Veränderung...
Grüße Marcus