Hi zusammen!
erstmal ein Screenshot wie´s aussehen soll und wie ich die DIV´s bisher angeordnet habe:
Dann hier mal den code für die Div´s:
Code:
div.container_unten {
z-index:1;
margin: 0px;
padding: 0px;
position: relative;
left: 0px;
top: 0px;
width: 100%;
height: 80px;
background-image: url(../images/bg_unten.jpg);
overflow: no;
}
div.container_rechts {
z-index:2;
left: 600px;
top: 0px;
width: 140px;
height: 100%;
margin: 0px;
padding-top: 130px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
position: absolute;
background-image: url(../images/bg_rechts.jpg);
text-align: justify;
overflow: no;
}
div.container_oben {
z-index:3;
margin: 0px;
padding: 0px;
position: absolute;
left: 0px;
top: 30px;
width: 100%;
height: 100px;
background-image: url(../images/bg_oben.jpg);
overflow: no;
}
div.container_haupt {
z-index:1;
margin: 0px;
padding: 0px;
position: absolute;
left: 0px;
top: 130px;
width: 600px;
height: auto;
overflow: no;
}
dann hier der code in der index:
Code:
<div class="container_rechts">
bilder und text etc...
</div>
<div class="container_oben">
logo oder ähnliches
</div>
<div class="container_haupt">
mein langer text
</div>
<div class="container_unten">
besucherzähler oder ähnliches
</div>
So: mein Problem nun ist, dass bei dieser anordnung der Div´s der rechte graue div nicht verlängert wird, wenn ich mehr text im haupt-div habe ...
2. problem ist, dass der untere div (der eigentlich relativ zum haupt-div sein soll) nur noch ganz oben angezeigt wird .. wie als wäre die position absolute ... ist sie aber ja nicht!
Weiss jemand eine Lösung für mein Problem?!
danke schonmal