Hallo,
ich möchte eine neue Seite bauen, mit div und css.
Im Beispiel habe ich einen roten Hintergrund und darauf soll das Menu kommen (grau). Das funktioniert auch schon.
Darunter kommt das Hauptfenster mit dem Inhalt (im Beispiel blau).
Dieses soll sich immer der größe des browser-fensters anpassen.
Das Funktioniert auch schon im firefox, opera und IE 7. Nur im IE 6 nicht. Ich hoffe jemand kann mir helfen, dass es auch im IE 6 funktioniert.
Hier ist mal der QuellCode:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de_DE" xml:lang="de_DE">
<head>
<title>Test</title>
<style type="text/css">
<!--
html, body
{
margin: 0px;
padding: 0px;
height: 100%;
border: none;
}
#main
{
position: relative;
width: 800px;
margin: auto;
height: 100%;
background: #FF0000;
}
#banner
{
position: absolute;
width: 400px;
top: 20px;
left: 140px;
height: 100px;
background: #AAAAAA;
}
#content
{
position: absolute;
width: 600px;
top: 150px;
left: 140px;
bottom: 0px;
background: #0000FF;
}
-->
</style>
</head>
<body>
<div id="main">
<div id="banner">
</div>
<div id="content">
</div>
</div>
</body>
</html>
ich möchte eine neue Seite bauen, mit div und css.
Im Beispiel habe ich einen roten Hintergrund und darauf soll das Menu kommen (grau). Das funktioniert auch schon.
Darunter kommt das Hauptfenster mit dem Inhalt (im Beispiel blau).
Dieses soll sich immer der größe des browser-fensters anpassen.
Das Funktioniert auch schon im firefox, opera und IE 7. Nur im IE 6 nicht. Ich hoffe jemand kann mir helfen, dass es auch im IE 6 funktioniert.
Hier ist mal der QuellCode:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de_DE" xml:lang="de_DE">
<head>
<title>Test</title>
<style type="text/css">
<!--
html, body
{
margin: 0px;
padding: 0px;
height: 100%;
border: none;
}
#main
{
position: relative;
width: 800px;
margin: auto;
height: 100%;
background: #FF0000;
}
#banner
{
position: absolute;
width: 400px;
top: 20px;
left: 140px;
height: 100px;
background: #AAAAAA;
}
#content
{
position: absolute;
width: 600px;
top: 150px;
left: 140px;
bottom: 0px;
background: #0000FF;
}
-->
</style>
</head>
<body>
<div id="main">
<div id="banner">
</div>
<div id="content">
</div>
</div>
</body>
</html>
