IE zeigt DIV anders an als die anderen Browser
automatix79
- browser
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
Hi,
Als ich sie jemanden zeigen wollte habe ich gesehen dass die DIV Elemente und die Tabelle im IE nicht übereinander liegen
Es fehlt relevante Information: welche Version des IE?
Hier ein Codeausschnitt:
der leider relevantes nicht enthält (der Doctype und was ggf. davor steht, steuert Quirksmode ...)
<div id="background">
<img src="images/background1.gif" class="stretch" alt="" />
</div>
Wozu das div um das img?
<div id="background2">
<img src="images/background2.png" alt="" />
</div>
dito.
Kann mir da jemand weiter helfen?
So nicht.
Wo ist das Online-Beispiel, wo man sich das ganze angucken kann?
cu,
Andreas
Hi,
Als ich sie jemanden zeigen wollte habe ich gesehen dass die DIV Elemente und die Tabelle im IE nicht übereinander liegen
Es fehlt relevante Information: welche Version des IE?
IE 8.0 Ein Freund von mir hat die Seite auch mit dem gleichen Ergebnis auf einem anderen Rechner getestet. Die Version ist mir allerdings nicht bekannt.
Hier ein Codeausschnitt:
der leider relevantes nicht enthält (der Doctype und was ggf. davor steht, steuert Quirksmode ...)
<div id="background">
<img src="images/background1.gif" class="stretch" alt="" />
</div>Wozu das div um das img?
Das habe ich ehrlich gesagt so aus einem andern Forum kopiert. Da hatte jemand das gleiche Problem... Die derzeit aktuelle Version ist ohne DIV hat aber das gleiche Problem.
<div id="background2">
<img src="images/background2.png" alt="" />
</div>dito.
Kann mir da jemand weiter helfen?
So nicht.
Jetzt vielleicht?
Wo ist das Online-Beispiel, wo man sich das ganze angucken kann?
»»
sollte jetzt zu sehen sein. Ist bislang nur ein Layout
cu,
Andreas
Danke und Gruß
Marcell
Hier nochmal der richtige Link ;)
@@automatix79:
nuqneH
Hier ein Codeausschnitt:
der leider relevantes nicht enthält (der Doctype und was ggf. davor steht, steuert Quirksmode ...)
Das musst du überlesen haben. Du bist jedenfalls nicht darauf eingegangen.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
– Quirksmodus.
Qapla'