Frage stellen
ich möchte mit CSS ein Frame-Layout nachbauen. Dieses soll so aussehen:
- Code: Alles auswählen
---------------------------------------------
header
---------------------------------------------
| |
left | |right
| |
---------------------------------------------
Bis jetzt habe ich folgenden Code:
HTML:
- Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="layout.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="frame-header">Hallo Welt</div>
<div id="frame-left">Hallo Welt</div>
<div id="frame-right">Hallo Welt</div>
<div id="frame-contents">Hallo Welt</div>
</body>
</html>
CSS:
- Code: Alles auswählen
html, body {
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
}
#frame-header {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100px;
overflow: scroll;
}
#frame-left {
position: absolute;
left: 0;
top: 100px;
bottom: 0;
width: 260px;
overflow: scroll;
}
#frame-right {
position: absolute;
right: 0;
top: 100px;
bottom: 0;
width: 260px;
overflow: scroll;
}
#frame-contents {
position: absolute;
left: 260px;
right: 260px;
top: 100px;
bottom: 0;
overflow: scroll;
}
Das funktioniert aber leider noch nicht mit IE.
Was muss ich da jetzt noch ergänzen, damit das auch mit IE funktioniert?
Vielen Dank
Alex
