nicht angemeldet
Layer liegen übereinander, Doctype-Problem?
Hallo zusammen,
habe bereits im Archiv gesucht aber keine Lösung gefunden, leider.
Ich habe auf einer Seite mehrere Layer die absolut positioniert sind. Die Anzeige funktioniert bislang bestens, auch in Opera, Mozilla usw..
Zwei User (Internet Explorer) melden nun aber das der Text von Layer "text" den von Layer "service" überlagert und ein Lesen dadurch unmöglich wird.
Ich selbst kanns mir nicht erklären und eine Änderung durch austesten geht auch nicht weil ich ja alles wie gewollt angezeigt bekomme.
Kanns vielleicht an einem Fehler in deren I.E. Version liegen? Reicht es vielleicht schon wenn ich den Doctype weiter ausführe und die w3-URL angebe (z.B.: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">)? Ist das allgemein sinnvoller als nur der Hinweis auf html 4?
Oder deh ich nur vor lauter Bäumen den Wald nicht mehr und ich hab nen anderen dummen Fehler gemacht?
Hier der Quellcode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Blabla</title>
<link rel=stylesheet type="text/css" href="../../../style/style.css">
<script language="JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</head>
<body bgcolor="White" style="background-image:url(../../../bilder/hinter.gif); background-repeat:no-repeat; background-attachment:fixed; padding: 50px 50px;">
<div id="logo" style="position:absolute; left:40px; top:30px; width:600px; height:259px; z-index:1">
<img src="../../../bilder/produkte/logo/faro_logo.gif" width="150" height="41" alt="" border="0">
</div>
<div id="service" style="position:absolute; left:35px; top:90px; width:700px; height:259px; z-index:2">
<table cellspacing="0" cellpadding="10" border="0" class="normal">
<tr>
<td valign="middle" align="left"><p class="strich">text</p></td></tr>
<tr>
<td valign="middle" align="left" colspan="3"><p class="fett">Überschrift</p></td></tr><tr>
<td valign="middle" align="left"><p class="fett">Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung</p>
</td>
<td></td>
<td><img src="../../../bilder/produkte/bilder/bild_1.jpg" width="158" height="239" alt="" border="0"></td>
</tr>
</table>
</div>
<div id="text" style="position:absolute; left:35px; top:430px; width:680px; height:259px; z-index:3">
<table cellspacing="5" cellpadding="0" border="0" class="normal">
<tr>
<td><img src="../../../bilder/space.gif" width="60" height="30" alt="" border="0"></td>
<td colspan="2"><p class="strich">Überschrift</p></td>
<td></td>
</tr>
<tr>
<td colspan="2" valign="top"><img src="../../../bilder/produkte/bilder/2.jpg" width="107" height="107" alt="" border="0"></td>
<td valign="top">Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung</td>
<td></td>
</tr>
<tr>
<td><img src="../../../bilder/space.gif" width="30" height="20" alt="" border="0"></td>
<td colspan="2"></td>
<td></td>
</tr>
<tr>
<td><img src="../../../bilder/space.gif" width="30" height="30" alt="" border="0"></td>
<td colspan="2"><p class="strich">Überschrift</p></td>
<td></td>
</tr>
<tr>
<td colspan="2" valign="top"><img src="../../../bilder/produkte/bilder/3.jpg" width="107" height="107" alt="" border="0"></td>
<td valign="top">Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung Ne Menge Beschreibung</td>
<td></td>
</tr>
</table>
</div>
</body>
</html>
Vielen Dank im vorraus und einen hohen Wirkungsgrad wünscht
kh4all