ich weiss, es ist ein altes reudiges Thema, aber ich komm nicht drauf, warum es bei mir nicht die container im inneren beachtet.
html ausschnitt:
<div id="blue_area" >
<div id="headtext"></div>
<div id="normal_text"></div>
<div id="lower_text"></div>
<div id="phone"></div>
<div id="tablet"></div>
<div id="laptop"></div>
<div id="pc"></div>
</div>
css ausschnitt:
#blue_area{
background-color:#069;
width:100%;
position:relative;
top:100px;
}
#headtext{
width:250px;
height:200px;
position:relative;
top: 20px;
left: 60px;
}
#normal_text{
width:200px;
height:200px;
position:relative;
top:-50px;
left:170px;
line-height: 2;
}
#lower_text{
width:400px;
height:50px;
position:relative;
top:50px;
left:60px;
}
ich hab schon versucht mit float und einem clear:both das problem zulösen, funktioniert aber auch nicht.
danke für die Hilfe
p.s.: das blue_area div ist in einem weiteren div, wenn das einen unterschied macht?!
html ausschnitt:
<div id="blue_area" >
<div id="headtext"></div>
<div id="normal_text"></div>
<div id="lower_text"></div>
<div id="phone"></div>
<div id="tablet"></div>
<div id="laptop"></div>
<div id="pc"></div>
</div>
css ausschnitt:
#blue_area{
background-color:#069;
width:100%;
position:relative;
top:100px;
}
#headtext{
width:250px;
height:200px;
position:relative;
top: 20px;
left: 60px;
}
#normal_text{
width:200px;
height:200px;
position:relative;
top:-50px;
left:170px;
line-height: 2;
}
#lower_text{
width:400px;
height:50px;
position:relative;
top:50px;
left:60px;
}
ich hab schon versucht mit float und einem clear:both das problem zulösen, funktioniert aber auch nicht.
danke für die Hilfe
p.s.: das blue_area div ist in einem weiteren div, wenn das einen unterschied macht?!