Guten Tag,
um einen "Schatten" zu realisieren verwende ich folgendes HTML:
<div id="schatten">
<div id="seite">
INHALT
</div>
</div>
Mit folgendem CSS:
#schatten {
background: #969696;
left: 25px;
margin: 40px auto 25px auto;
position: relative;
width: 80%;
}
#seite {
background: #fff;
left: -25px;
padding: 0;
position: relative;
top: -25px;
}
Unter Firefox, Opera und Konqueror auch kein Problem. Der "Schatten" wird wie gewünscht umgesetzt und innerhalt von #seite kann ich hin- und herfloaten und das Ergebnis ist wie erwartet.
Doch im IE mal wieder nicht:
Nur nicht-gefloatetes wird korrekt innerhalb von #seite angezeigt. Alles was gefloatet wird erscheint im "darunterliegenden" #schatten und ist somit nicht wirklich brauchbar, weil es vom weißen Hintergrund der #seite verdeckt wird.
Hat jemand eine Idee, welche Sonderbehandlung der IE mal wieder möchte?
Gruß