Hallo,
hab hier dasProblem das ich das Div welches unter dem menü ist nicht dorthin Positioniert bekomme und nicht verstehe was ich falsch mache, ist warscheinlich nur ein Denkfehler
.
Wäre nett wenn sich das mal jenmand anschauen könnte.
CSS:
hab hier dasProblem das ich das Div welches unter dem menü ist nicht dorthin Positioniert bekomme und nicht verstehe was ich falsch mache, ist warscheinlich nur ein Denkfehler
.Wäre nett wenn sich das mal jenmand anschauen könnte.
Code:
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title>Herzlich willkommen auf www.janstieler.de</title>
<meta name="author" content="Jan-Frederik Stieler">
<meta name="generator" content="Phase 5">
<!-- grundlegende Seiteneinstellungen -->
<link rel="stylesheet" type="text/css" href="css/basics.css">
<link rel="stylesheet" type="text/css" href="css/menue.css" >
<link rel="stylesheet" type="text/css" href="css/menue_mitte.css" >
<script type="text/javascript" src="js/menue_oben.js"></script>
<script type="text/javascript" src="js/basics.js"></script>
</head>
<body class="body">
<div id="container">
<div class="ro">
<div class="lo">
<div class="ru">
<div class="lu">
<div id="inhalts_div">
<div><a href="#" id="home">www.janstieler.de</a></div>
<div id="menueborderleervorne"></div>
<div>
<!-- Menü-->
<!--leiste 1, hauptrubrik-->
<div id="leiste" class="clLeiste" onmouseover="auf('menu1')" onmouseout="zu('menu1')">
<a href="javascript:auf('menu1')" onmouseover="auf('menu1')" onmouseout="zu('menu1')" class="linkmenue">Arbeiten</a></div>
<div id="menu1" class="clMenu1" onmouseover="auf('menu1')" onmouseout="zu('menu1')">
<a href="#" class="linkmenue">Print</a>
<a href="#" class="linkmenue">Nonprint</a>
</div>
<!--leiste 2, hautptrubrik-->
<div id="leiste2" class="clLeiste2" onmouseover="auf('menu2')" onmouseout="zu('menu2')">
<a href="javascript:auf('menu2')" onmouseover="auf('menu2')" onmouseout="zu('menu2')" class="linkmenue">Portfolio</a></div>
<div id="menu2" class="clMenu2" onmouseover="auf('menu2')" onmouseout="zu('menu2')">
<a href="#" class="linkmenue">Portfolio1</a>
<a href="#" onmouseover="auf('menu2b')" onmouseout="zu('menu2b')" class="linkmenue">Portfolio2</a>
<a href="#" class="linkmenue">Portfolio3</a>
</div>
<!--leiste 3, hautptrubrik-->
<div id="leiste3" class="clLeiste3" onmouseover="auf('menu3')" onmouseout="zu('menu3')">
<a href="javascript:auf('menu3')" onmouseover="auf('menu3')" onmouseout="zu('menu3')" class="linkmenue">Tutorials</a></div>
<div id="menu3" class="clMenu3" onmouseover="auf('menu3')" onmouseout="zu('menu3')">
<a href="#" class="linkmenue">Tutorials1</a>
<a href="#" class="linkmenue">Tutorials2</a>
<a href="#" class="linkmenue">Tutorials3</a>
<a href="#" class="linkmenue">Tutorials4</a>
<a href="#" class="linkmenue">Tutorials5</a>
</div>
<!--menü 2b, -->
<div id="menu2b" class="clMenu2b" onmouseover="auf('menu2b')" onmouseout="zu('menu2b')">
<a href="#" onmouseover="auf('menu2')" onmouseout="zu('menu2')" class="linkmenue">Platzhalter1</a>
<a href="#" onmouseover="auf('menu2')" onmouseout="zu('menu2')" class="linkmenue">Platzhalter2</a>
</div>
<!--menü ende -->
<div id="menueborderleer"></div>
<!--Seiten Inhalt-->
<div>
<div id="inhalt1">d</div>
<div id="inhalt2">d</div>
</div>
</div>
<div id="kontakt_impressum" align="center" class="txtweiss"><a href="#" class="verlinkt">Kontakt</a> | <a href="#" class="verlinkt">Impressum</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>CSS:
Code:
#inhalt1{
text-align:right;
position:absolute;
top:50px;
left:150px;
height:200px;
width: 140px;
font-family: Verdana, sans-serif;
font-size: 12pt;
overflow:auto;
}
#inhalt2{
position:absolute;
top:50px;
left:350px;
height:200px;
width:140px;
overflow:auto;
}
