Okay, hab das Menü mal eingebunden mit Floating - ich muss allerdings gestehn, dass mir nicht hundertprozentig klar ist, warum und ob ich das Menü überhaupt im "navioben-Div" verschachteln darf - außerdem reicht mir der padding-top allein nicht aus, da der Container nicht bis zum linken Rand des linken Balkens geht, sondern früher aufhört!?
Hab einige Zeit lang drüber nachgegrübelt aber es ergibt sich mir nix draus - wegen der Positionierung des Inhalts-divs ist mir bis jetzt auch noch kein Geistesblitz gekommen
Lieber Gruß,
Blacky
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Musikverein Herlikofen 1930 e.V.</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="imagetoolbar" content="no">
<style type="text/css">
<!--
#linkenavi {list-style-type:none; float:left; padding-top:80px; }
#navioben {position:absolute; top:50px; width:100%; }
h1 {margin:0 60% 0 40%; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; }
body {background-color:#FFFFFF;}
#bigdiv { position:relative;
margin:5% 10% 0 10%;
background:#fff url(Bilder/streifenh.gif) repeat-x top; }
.ol { display:block; position:absolute; top:-16px; left:-66px; }
.or { display:block; position:absolute; top:-16px; right:-57px; }
/* Tan Hack */
* html #bigdiv /* dies wird nur von den IEs interpretiert*/
{
width: 100%; /*Wert für den IE5*/
w\idth: 80%; /*Wert für den IE6*/
font-family: Arial, Helvetica, sans-serif;
}
#leftdiv {
background:url(Bilder/streifenv.gif) repeat-y left;
height:100%; /*braucht der IE*/
}
#rightdiv {
background:url(Bilder/streifenv.gif) repeat-y right;
height:100%; /*braucht der IE*/
}
#inhalt {
padding-top:100px;
margin:0 190px;
min-height: 400px;
}
*html #inhalt { height:400px; } /*nur für den IE*/
-->
</style>
</head>
<body>
<div id="bigdiv"> [img]Bilder/ol.gif[/img] [img]Bilder/or.gif[/img]
<div id="navioben">
<div>
<ul id="linkenavi">[*]<a href=#>Menüpunkt[*]<a href=#>Menüpunkt[/list] </div>
<h1>Überschrift</h1>
</div>
<div id="leftdiv">
<div id="rightdiv">
<div id="inhalt"> und hier der Inhalt hin</div>
</div>
</div>
</div>
</body>
</html>
http://www.mv-herlikofen.de/testindex5/index.htm