✔ CSS Element in IE6 nicht sichtbar bzw verschoben

[kabar]

Hallo an Alle,

mein breadcrumb-Text an der rechten Seite wird in den 3 wichtigsten Browsern
Firefox, Internet Explorer 6.0 und Internet Explorer 7 auf Windows XP
an unterschiedlicher Stelle dargestellt:
in Firefox richtig
im IE 6 10 px zu weit nach links verschoben und 2px nach oben
(interessant, dass es dafür das Impressum einige Pixel nach rechts verschiebt?!)
im IE 7 nur 2px nach oben.
Ich arbeite mit dem CSS Framework YAML.

der Link:
http://id1230.hosting.netz-haut.net/test-crumb/
Problem in den Browsern als Screenshot:
http://id1230.hosting.netz-haut.net/screens/breadcrumb-browser.jpg

Und jetzt kommt etwas was ich gar nicht verstehe:
http://id1230.hosting.netz-haut.net/screens/breadcrumb.jpg
Binde ich den Breadcrumb-Text statt innerhalb eines paragraphs <p></p>
innerhalb eines <span> oder gar <div> Elements (selbstverständlich mit der id versehen) ein ist er zwar im Firefox sichtbar ABER im Internet Explorer 6 und 7 verschwindet er vollkommen....

Woran kann das liegen?

Viele Grüße
kabar

 

[kabar]

Hm, schient keine so einfache Sache zu sein. Ich probier in allen Varianten rum, aber habe noch keine Lösung.

Nun eine weitere Frage dazu:

sieht das
A.
eher nach einem speziellen IE6 Bug aus > dann würde ich speziell dem IE6 einen "verschieb das Ganze um 10px nach rechts" Befehl als IE6 Hack mitgeben oder
B.
liegt das an den Eigenschaften der umgebenden DIV (also Positionierung etc.) und da muß korrigiert werden?

Schöne Grüße
kabar

 

[Maik]

Hi,

sieht so aus, wie wenn im IE6 der "Double-Margin-Bug" zum rechten Elementrand in Erscheinung tritt.

Aus:

#nav_main2breadcrumb {
  float:right; 
  margin:31px 10px 10px 0; 
}

wird:

#nav_main2breadcrumb {
  float:right; 
  display:inline;
  margin:31px 10px 10px 0; 
}

oder:

#nav_main2breadcrumb {
  float:right; 
  margin:31px 10px 10px 0 !important;
  margin:31px 5px 10px 0;
}

 

[kabar]

Hallo Maik, das ist ein Anhaltspunkt: gehe das morgen in Ruhe durch und melde mich dann!
Bis dahin: herzlichen Dank + schönen Abend

 

[kabar]

Hallo Maik,

tausend Dank für die Diagnose: das ist es!

Ich hatte zuerst versehentlich *display:inline;* aus der Mail rauskopiert :-( und damit das Layout im Safari 2.04 zerschossen, dann die * rausgelöscht und es geht unter
Windows XP Internet Explorer 6, sowie 7, Opera, Firefox neueste Versionen, sowie MacOSX Safari 2.04.
Also würd ich mal sagen: vielen, vielen Dank für den Hinweis auf den double-margin-Bug
und wenn sich nix anderweitiges im umfassenden Browsertest ergibt, ist dieses Problem gelöst.

;-)