Probleme mit der Navi im IE

[Oliver_Master]

Hallo,

Wie der Titel schon sagt, habe ich ein Problem mit meiner Navigationsleiste im IE (schätze mal das liegt am CSS Code). Der Fehler: im IE werden die Bilder der Navigation unter (versetzt) der eingantlichen Bereich der Navigation angezeigt (im FF3, Safari und Netscape klappt alles normal CSS- und HTML Codes sind auch soweit valide).

CSS (der Ausschnitt für die navi und grundlegendes)

body, html, #navigation, #container, #inhalt, #footer {
           margin:0;
           padding:0;
}
body {
           font: 100.01% sans-serif;
           background-image: url(images/bg.png);
}
#container {
           width: 600px;
           margin:0px auto;
           border: 2px solid #000;
           margin-top: 3px;
}

.bubplastic.horizontal {
         margin:0px auto;
         width: 600px;
	height: 27px;
	padding: 0;
	background: #000000 url(images/bg-bubplastic.gif) top left repeat-x;
         border-top: 2px solid black;
         border-bottom: 2px solid black;
}
.bubplastic.horizontal ul {
         margin:0px auto;
         list-style: none;
	padding: 0;
}
.bubplastic.horizontal ul li {
	margin:0px auto;
	float: left;
	padding: 0;
	background: transparent url(images/bg-bubplastic-button.gif) top left no-repeat;
}

.bubplastic.horizontal ul li a {
         margin:0px auto;
         display: block;
	padding-left: 14px;
         padding-right: 14px;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
         border-right: 1px solid black;
         border-left: 1px solid black;
         }


.bubplastic.horizontal ul li a span.menu_ar {
         margin:0px auto;
         display: block;
	float: left;
	background: transparent url(images/bg-bubplastic-button.gif) no-repeat right top;
	cursor: pointer;
}

    .bubplastic.horizontal a span {
      margin:0px auto;
      float:left;
      display:block;
      background:url("tabrightE.gif") no-repeat right top;
      padding:0px;
      color:#FFF;
      }

.bubplastic.red ul li a:hover,
.bubplastic.red ul li.highlight a {
	background: transparent url(images/bg-bubplastic-h-red.gif) top left no-repeat;
         margin:0px auto; 
}

Hoffe ihr könnt mir da irgendwie weiterhelfen... Alles was ich bereits versucht habe blieb erfolglos.

Link zur Seite: FWF: Startseite

 

[prm]

Im IE7 sieht's gut aus.
Für den IE 6 füge mal überall dort wo float und margin gleichzeitig vorkommen noch ein

display: inline;

hinzu.
IE-Doubled-Float-Margin-Bug

 

[Oliver_Master]

hallo,

ich benutze aber den IE8(beta), da hilft das ganze nichts :'( , trotzdem danke, hat noch jemand Vorschläge?

P.S. Lustig find ichs ja, dass die Website sogar im veralteten Netscape korrekt angezeigt wird *gg*

 

[neuroleptika]

hallo,

ich benutze aber den IE8(beta), da hilft das ganze nichts :'( , trotzdem danke, hat noch jemand Vorschläge?

P.S. Lustig find ichs ja, dass die Website sogar im veralteten Netscape korrekt angezeigt wird *gg*

Der Netscape baute seit vers.7.x auf Firefox auf. Der Netscape 9 ist sogar ein moderner Browser. Wenn es mit dem nicht funktioniert hast du mit großer Wahrscheinlichkeit etwas falsch gemacht.

Für den IE8 kannst du noch nicht viel tun.
Die css-Hacks für den IE7 könntest du aber schon mal vor ihm verstecken.

Eins ist jetzt schon sicher:
Findige css-Blogger werden sich wie die Geier auf den IE8 stürzen wenn er den fertig ist.
Dann wirst du deine neuen IE-Hacks mit Sicherheit finden.

 

[Oliver_Master]

Der Netscape baute seit vers.7.x auf Firefox auf. Der Netscape 9 ist sogar ein moderner Browser. Wenn es mit dem nicht funktioniert hast du mit großer Wahrscheinlichkeit etwas falsch gemacht.

Funktioniert ja alles in den anderen Browsern, nur halt im IE[8(beta)] nicht.

 

[neuroleptika]

Funktioniert ja alles in den anderen Browsern, nur halt im IE[8(beta)] nicht.

Vielleicht ist er deswegen noch beta

 

[prm]

Solange der IE 8 noch nicht offiziell ist, nehme ich darauf keinerlei Rücksicht.
Es wird mit den vielen Browserversionen zunehmend schwerer für die Webmaster, will man jedem Rechnung tragen.

 

[neuroleptika]

....
Es wird mit den vielen Browserversionen zunehmend schwerer...

Das habe ich, zur damals vergleichbaren Situation, mit dem IE7 auch gedacht.
So schlimm war es dann ja doch nicht.
Dafür sterben andere (wiederborstigere) Browser aus.