automatix79: IE zeigt DIV anders an als die anderen Browser

Beitrag lesen

SELF-Forum

IE zeigt DIV anders an als die anderen Browser

automatix79
– Informationen zu den Bewertungsregeln

Hallo zusammen,
suche schon einige Zeit nach einer Lösung! Ich habe eine index.html erstellt die vom Layout auch schon fertig war. Hab sie im Firefox, Chrome und Opera getestet. Als ich sie jemanden zeigen wollte habe ich gesehen dass die DIV Elemente und die Tabelle im IE nicht übereinander liegen sondern werden nach untern versetzt. Was kann man da machen?

Hier ein Codeausschnitt:

  
<link rel="stylesheet" href="style.css" type="text/css">  
</head>  
<body>  
<div id="background">  
    <img src="images/background1.gif" class="stretch" alt="" />  
</div>  
  
<div id="background2">  
    <img src="images/background2.png"  alt="" />  
</div>  
  
<table align="center" valign="top" border="0" cellpadding="0" cellspacing="0" width="850"  
  
<tr>  
        <td

  
#background {  
  position:absolute;  
  width: 100%;  
  height: 100%;  
  position: fixed;  
  left: 0px;  
  top: 0px;  
  z-index: -2;  
}  
.stretch {  
  width: 100%;  
  height: 100%;  
}  
#background2 {  
  position:absolute;  
  position: fixed;  
  z-index: -1;  
  top: -9px;  
  padding-left: 50%;  
  left: -436px;

-Ich möchte gern ein Farbverlauf im Hintergrund haben Background.gif
-Darüber soll der Schatten der Tabelle liegen background2.png
-Ganz oben die Tabelle

Kann mir da jemand weiter helfen?
Ich muß zugeben, dass mein HTML etwas eingerostet ist und ich mich mit CSS nicht wirklich richtig gut auskenne :)

Vielen Dank schonmal

Beitrag melden
–
Informationen zu den Bewertungsregeln