Roland Haeder: margin-left: -Xem vs. M$ IE

Beitrag lesen

Hallo Leute,

[offtopic]Nach langer Zeit wieder da. :) Hello there!!! ;)[/offtopic]

Schaut euch bitte mal meine "Homepage-Seite" an. Ich habe einfachshalber den vom PHP-Script generierten HTML-Code samt CSS-Code mal "statisch" abgespeichert und hochgeladen.

Im Firefox geht (fast) alles reibungslos (ein paar Pixel sind die Header auf Seite 1 und 2 voneinander entfernt), aber der IE hackt in bei 50% den Header ab und schiebt Menue samt Content (Seite 2) nach rechts, dass sie ebenfalls bei 50% Linksanschlag hat.

Alles kapiert? ;-)

Hier mal der CSS-Code:
.install_intro_header {
     color               : #880000;
     background-color    : #DDDDAA;
     width               : 39.9em;
     margin-left         : -20em;
     height              : 1.5em;
     font-size           : 1.5em;
     text-decoration     : underline;
     font-weight         : bold;
     padding-top         : 0.2em;
     padding-bottom      : 0.1em;
     border              : 1px solid #CCCC99;
}

Aud der 2. Seite kommen nur zur Klasse folgendes hinzu:

display : table-cell;
z-index : 1;

Habe ich da falsche Angaben gemacht, die der IE missversteht? Okay, es gibt da einen "Fix", der heisst Firefox ;) aber das waere eher utopisch... :-(

Vielen Dank im Voraus, Euer
Roland