nicht angemeldet
Hallo zusammen.
Ich habe schon unzählige Forum durchsucht und nicht mal den Ansatz einer Lösung für mein Problem gefunden. Aber vielleicht kann mir ja hier jemand helfen.
Um das Problem zu verdeutlichen, folgt zunächst der vereinfachte Quellcode (besteht aus 2 Dateien):
fs.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>
<frameset rows="73,*,20">
<frame name="header" src="header.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" noresize="noresize" />
<frame name="main" src="recherche.html" marginwidth="0" marginheight="0" scrolling="yes" frameborder="0" noresize="noresize" />
<frame name="footer" src="footer.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" noresize="noresize" />
</frameset>
</html>
recherche.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
.showfield{
position:absolute;
background-color:red;
top: 100px;
left: 100px;
width: 2000px;
height: 2000px;
}
</style>
</head>
<body>
<div class='showfield'>Inhalt</div>
</body>
</html>
Erklärung:
In der Datei mit den Frameset interessiert nur das mittlere, in den die Datei recherche.html geöffnet werden soll.
Wenn man die Datei fs.html öffnet wird darin ein absolut positioniertes div dargestellt, das größer ist als das verfügbare Frame. Das Problem ist, dass im IE (ich verwende IE 7) das div über der Scrollbar gerendert wird.
Wenn ich den DOCTYPE auf HTML setze, was ich eher vermeiden möchte, dann funktioniert es wie erwartet.
MfG Karsten