undertakerhl
Grünschnabel
Hab das gleiche Problem mit meinem Div Layout das anscheinend viele hier haben ...
Hab zwar schon in anderen Posts gelesen aber irgendwie schaff ichs trotzdem net das der Navigationsbereich meines Layouts genauso lang wird wie der Textbereich (Textbereich vergrößert sich(wird höher) bei mehr Text aber der Navibereich wächst nicht mit)
Hoffe ihr könnte mir helfen sitz jetzt schon seit Tagen vor dem Problem.
Hier mal der Code (hoffe mal der ist einigermaßen verständlich):
Hab zwar schon in anderen Posts gelesen aber irgendwie schaff ichs trotzdem net das der Navigationsbereich meines Layouts genauso lang wird wie der Textbereich (Textbereich vergrößert sich(wird höher) bei mehr Text aber der Navibereich wächst nicht mit)
Hoffe ihr könnte mir helfen sitz jetzt schon seit Tagen vor dem Problem.
Hier mal der Code (hoffe mal der ist einigermaßen verständlich):
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
html {
height:100%;
}
body {
margin: 0px;
padding: 0px;
background-color: #110000;
height:100%;
}
#Layer1 {
position: absolute;
width: 800px;
height: 80px;
background-image: url(img/banner.jpg);
top: 0px;
left: 50%;
margin-left: -400px;
}
#Layer2 {
position: absolute;
width:110px;
height:310px;
top: 80px;
background-image: url(img/navi_overbg.jpg);
left: 50%;
margin-left: -400px;
}
#Layer3 {
position:absolute;
width:690px;
height:100%;
left: 50%;
margin-left: -290px;
background-color: #E7E7E7;
}
#Over_Layer {
position:absolute;
width:100%;
height:100%;
}
#Layer4 {
position:absolute;
width:110px;
height:100%;
left: 50%;
margin-left: -400px;
background-image: url(img/navi_bg.jpg);
}
-->
</style>
</head>
<body>
<div id="Over_Layer">
<div id="Layer4"></div>
<div id="Layer3">
viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />viel text<br />
</div>
<div id="Layer1"></div>
<div id="Layer2"></div>
</div>
</body>
</html>
