слой выезжает и контейнера

[tolyan]

Дбрый день

подскажите

есть слой контейнер с позицией релатив,

есть хедер

<div id ="есть слой для расположения следующих блоков">

<div id = "есть слой левый с позицией абсолютной"></div

<div id= "есть слой правый с позицией релативной"</div>

</div>

<div id="conteiner">
<div id="header"></div>
<div id="conn">
<div id="left"></div>
<div id="right"></div>
</div>/*conn*/
</div>/*conteiner*/

<

теперь проблема

на нескольких страниц левый блок больше правого

и суть в том что этот левый блок с позицией абсолют не растягивает(по высоте) блок контейнера а получается выезжает за его приделы

как сделать так чтобы он расстягивал, а если я придам правому блоку позицию абсолют то у меня получается выезжает весь мой контент,

я пробовал в контейнер подставлять overlof hidd но все обрезается

подскажите как бороться))

Форум рыл не могу найти((((((((

[Searcher]

css покажите свой

[tolyan]

html, body{
position:relative;
background:#dbdbdb;
height:99%;
min-height:99%;}

* {border:0;
margin:0;
padding:0;
}
#container {
margin:auto;
width: 995px;
position:relative;
border: 1px solid #006600;
height:100%;
min-height:100%;

}
#header {
position:relative;
width:995px;
height:142px;
background:url(img/header.jpg);}
#block_menu {width:995px;
position:relative;}
#block_menu_left {
position:absolute;
background:url(img/memust.jpg);
width:476px;
height:64px;}
#block_menu_right {
left:476px;
position:relative;
background:url(img/memu.jpg);
width:519px;
height:64px;
}
#block_menu_nav {
	position:absolute;
	width:479px;
	top: 2.45em;
	padding:0px;
	left: -0.06em;
}
#block_menu_nav li {
padding-left:1.61em;
list-style-type:none;
text-align:center;
display: block;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
float:left;
font-size:9px;
width: 78px;
text-transform: uppercase;
}
#block_menu_nav li a{color:#FFFFFF;}
#block_menu_nav li a:hover{color:#000;}
a{ text-decoration:none;}
#content {
padding:2px;
width:978px;
position:relative;
height:68%;
min-height:68%;

background: #FBFBFB url(img/border_left.jpg) repeat-y left ;
}




#right {width:750px;
top:-2px;
left:217px;
border:1px solid #B3B3B3;
position:relative;
border-top: none;
color:#000066;

}

#title_conn {
width:750px; 
background-color:#eeeeee;
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
min-height:30px;
height:30px;
display: table-cell;
vertical-align: middle;
}


.td {
padding-top:3px;}
#ugl {
position:absolute;
background:url(img/ugl.gif);
width:62px;
height:42px;
left: 374px;
top: 188px;
z-index:2;
}
#text {
width:712px;
position:relative;
padding:19px;
padding-top:7px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:justify;


}
#text ul{
padding-left:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
#text p{
padding-bottom:10px;
padding-top:10px;
}

#footer {
position:relative;
top:-4px;
background:#FFFFFF url(img/footerleft.jpg) no-repeat left;
width:982px;
height:61px;
}
#left {
	left: 19px;
	width:189px;
	position:absolute;
	z-index:4;

}

Вот, чуть чуть убрал тут

Edited February 3, 2009 by tolyan

[Searcher]

замените абсолютное позиционирование на float:left

[woofs]

тогда все ломаетсяя, ну у меня так было, а у тя не наю(

Edited February 5, 2009 by woofs