nicht angemeldet
Hellihello
das Thema kommt immer wieder, ich weiß, ich hab auch immer wieder was dazu gelesen. Kurze Frage deshalb, ob drei Spalten, die im IE, FF und Opera ganz gut so aussehen, so korrekt per CSS eingerichtet sind. HTML-syntaktisch sollte es wohl o.k. sein, oder?
im Netz
css:
body{
background-color:red;
overflow:hidden;
}
#menue, #inhalt, #rechts {
position:absolute;
top:0px;
overflow:auto;
height:100%;
padding:0em 0.5em;
}
#menue {
background-color:yellow;
left:0px;
height:100%;
width:10em;
}
#inhalt {
background-color:blue;
position:absolute;
left:11em;
right:11em;
}
#rechts {
background-color:green;
position:absolute;
top:0px;
right:0px;
width:10em;
}
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>mehrspaltiges Layout</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="mehrspaltiges_layout.css">
</head>
<body>
<div id="inhalt">
<h1>Inhalt</h1>
asdfasdf asdfasdf asdfasdf asdfasdf asdfasdf etc.pp. </div>
<div id="menue">
<h3>Menüliste</h3>
<ul>
<li>Listeneintrag</li>
<li>etc. pp.</li>
</ul>
</div>
<div id="rechts">
<h3>Rechts</h3>
<h4>Überschrift Grad 4</h4>
<p> Absatz Absatz Absatz Absatz Absatz Absatz Absatz Absatz Absatz Absatz Absatz Absatz</p>
<p> etc. pp</p>
</div>
</body>
</html>
Nicht kapieren tu ich, warum es ohne "position:relative" im body geht, ich hatte gedacht, dass die absolute Positionierung nur funktioniert, wenn ein Elternelement relative oder absolut positioniert sei.
Dank und Gruß,
frankx