Hi zusammen!

Ich hänge nun schon seit zwei Stunden an einem Problem mit meiner Navigationsleiste fest. Und zwar möchte ich einfach nur mehrere Menüpunkte nebeneinander horizontal anordnen. Jedoch ordnen diese sich immer untereinander an. Im IE und FF kriege ich unterschiedliche Ergebnisse.

Es ist zum durchdrehen.. Hat jemand vielleicht eine Ahnung was ich falsch gemacht habe? Ich bin zur Zeit wirllich ratlos.

Die Seite:
http://tinyurl.com/c7z7lb

Gruß
Dennis

Hi,

hierfür sind die <br>-Tags hinter den Links verantwortlich, die einen Zeilenumbruch im Textfluß erzeugen.

mfg Maik

Lass mal deine <li> Elemente links floaten:

Code css:

1	float:left;

http://www.css4you.de/float.html

Mit float:left funktioniert es. Vielen Dank
Aber wieso befindet sich nun eine Leerzeile zwischen dem "TopBanner" und der Navigation? Zumindest im Firefox wird diese angezeigt. Im Internet Explorer ist alles ok.

Weiss mal dem ul#Navigation Element ein margin von 0 zu.

Code css:

1 2 3 4 5 6

ul#Navigation {style.css (Linie 77) font-family:Arial,Helvetica,sans-serif; font-size:13px; font-weight:bold; margin:0; }

Die voreingestellten Polsterungeigenschaften des Listenelements müssen auf null zurückgesetzt werden, da sie in den Browsern unterschiedliche Initialwerte besitzen:

Code :

1 2 3 4 5 6 7

ul#Navigation {     font-family: Arial, Helvetica, sans-serif;     font-size: 13px;     font-weight: bold;         [B]margin:0;         padding:0;[/B] }

Ich schieb den Thread dann mal ins CSS-Forum.

mfg Maik

Hat alles funktioniert. Bedanke mich vielmals bei euch
Klasse Forum!

Gruß
Dennis

Ich benutze für meine Projekte immer eine CSS reset Datei:
http://meyerweb.com/eric/thoughts/20...eset-reloaded/

Das geht im vorliegenden Fall aber wesentlich kürzer, und mit einem deutlich schlankeren CSS-Code

Diese Regel einfach zu Beginn des Stylesheets notieren:

Code css:

1 2 3 4

* { margin:0; padding:0; }

Mit dem Universalselektor * werden alle im HTML-Dokument enthaltenden Elemente angesprochen.

mfg Maik

Und das sollte man bei jedem neuen Projekt festlegen?
Umgeht man damit einige Probleme der verschiedenen Browser?

Jepp

mfg Maik

Dein Reset deckt aber leider nicht "IE6 Three Pixel Gap"-Bug ab.
Damit geht es:

Code css:

1 2 3

img {   vertical-align:top; }

Zitat von tobee

Dein Reset deckt aber leider nicht "IE6 Three Pixel Gap"-Bug ab.
Damit geht es:

Code css:

1 2 3

img {   vertical-align:top; }

Is ja interessant

1. Wo taucht hier besagter Bug auf?
   
   
2. Sicher, dass sich damit der Bug beheben lässt?

mfg Maik

Zitat von Maik

Is ja interessant

1. Wo taucht hier besagter Bug auf?
   
   
2. Sicher, dass sich damit der Bug beheben lässt?

mfg Maik

Und was genau ist das für ein Bug?

The IE6 Three Pixel Text-Jog oder auch [CSS] Unerwünschter Abstand zwischen floatenden Boxen im IE6 - was tun?

mfg Maik