Подскажите как растянуть позиционируемый слой seredina по height в случаи если внутренний слой <div id="content"></div> , так же растягивается по height. Тоесть растянуть seredina слоем content. Внутри есть также слои позиционируемые по relative; | Код |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link href="css/index.css" rel="stylesheet" type="text/css" media="all" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="generator" content="" />
<title>Мчс</title>
<script language="javascript" type="text/javascript">
function load(){
window.alert(window.screen.height);
}
</script>
</head>
<body onload="load();">
<div id="main">
<div id="seredina">
<div id="footer">
<div id="logo"> </div>
<img src="images/fon.png" width="100%" alt="" border="0" />
<div id="content_center">
<div id="left_menu">
<ul>
<li><a href="" class="ssilka"></a></li>
<li><a href="" class="ssilka"></a></li>
<li><a href="" class="ssilka"></a></li>
<li><a href="" class="ssilka"></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</div>
<div id="center_menu"><h1></h1> <div id="pravo"></div><div id="levo"> </div><div id="ugol"></div>
<div id="content">
</div>
<div id="news"><h2>Новости</h2><div id="ugolok"><div id="news_ssilka"><a href="">все новости</a></div> </div> </div>
<div id="news_content">
<div id="clearboth">
<div class="left"> </div>
<div class="right"> </div>
</div>
<div id="clearboth">
<div class="left"></div>
<div class="right"></div>
</div>
<div id="clearboth">
<div class="left"></div>
<div class="right"></div>
</div>
</div>
<div id="map"> <h3></h3><div id="ugolok"></div> </div>
<div id="map_screen"><img src="images/map.png" width="100%" alt="" border="0"/></div> </div>
<div id="right_menu">33</div>
</div>
</div>
</div>
<div style="clear:both;"></div>
</div>
<body>
|
| Код |
body{padding:0px;margin:0px;outline:none;
width:100%;
height:100%;
background-color:#ebf4f9;
background-image:url(../images/zad.png);background-repeat:repeat;
}
html{}
*{padding:0px;margin:0px;outline:none;}
div#main{z-index:0;position:relative;top:0px;left:0px;width:100%;min-width:1000px;}
div#seredina{z-index:10;position:relative;top:35px;left:10px;width:98%;box-shadow:0 0 10px rgba(0,0,0,0.5);background-color:#ffffff;height:100%;margin-bottom:50px; }
div#seredina div#footer {position:absolute;top:60px;left:10px}
div#seredina div#footer div#logo{background-image:url(../images/logo_left.png);background-repeat:no-repeat;width:183px;height:155px;position:absolute;top:50px;left:50px; }
div#content_center{position:absolute;top:110%;left:0px;width:100%;}
h1,h2,h3{font-size:14pt;text-align:center;color:#1080b4;padding-top:8px; }
div#content_center div#left_menu{width:235px;float:left;background-color:#096799;border-radius:5px; }
div#content_center div#left_menu ul{padding-top:10px;padding-bottom:10px;}
div#content_center div#left_menu li{list-style-type:none; }
div#content_center div#left_menu a{background-image:url(../images/menu.png);background-repeat:no-repeat;width:235px;height:40px;display:block;font-size:12px;text-align:left;padding-left:22px;color:#ffffff;text-decoration:none;padding-top:0px; }
div#content_center div#center_menu{width:46%;float:left;background-image:url(../images/polosaverh.png);background-repeat:repeat-x;height:37px;margin-left:10px;border-radius:8px; }
div#content_center div#center_menu div#pravo{}
div#content_center div#center_menu div#levo{}
div#content_center div#center_menu div#ugol{position:relative;top:-5px;right:-90%; background-image:url(../images/ugolok.png);background-repeat:no-repeat;width:25px;height:15px; }
div#content_center div#center_menu div#content{position:relative;top:20px;left:0px;}
div#content_center div#center_menu div#content p{padding:5px;font-size:14px;color:#000000;font-family:sans-serif; }
div#content_center div#center_menu div#news {width:100%;background-image:url(../images/polosaverh.png);background-repeat:repeat-x;height:37px;margin-left:10px;border-radius:8px;}
div#content_center div#center_menu div#news div#ugolok{position:relative;top:-26px;left:90%; background-image:url(../images/chashka.png);background-repeat:no-repeat;width:25px;height:36px; }
div#content_center div#center_menu div#news div#news_ssilka{width:100px;}
div#content_center div#center_menu div#news div#news_ssilka a {position:relative;top:8px;left:-70px;text-decoration:none;font-size:13px;color:#1080b4;}
div#content_center div#center_menu div#news p{}
div#content_center div#center_menu div#news_content{position:relative;top:45px;left:0px;}
div#content_center div#center_menu div#news_content div#clearboth{clear:both;}
div#content_center div#center_menu div#news_content div.left{float:right;width:49%;}
div#content_center div#center_menu div#news_content div.right{float:right;width:49%;}
div#content_center div#center_menu div#map{position:relative;top:70px;left:0px;width:100%;background-image:url(../images/polosaverh.png);background-repeat:repeat-x;height:37px;border-radius:8px;padding-top:50px;}
div#content_center div#center_menu div#map div#ugolok{position:relative;top:-22px;left:90%; background-image:url(../images/ugolok_map.png);background-repeat:no-repeat;width:21px;height:34px; }
div#content_center div#center_menu div#map_screen{}
div#content_center div#right_menu{width:26%;float:left;border:1px red solid;margin-left:20px;}
div#content_center div#right_menu {}
div#content_center div#right_menu {}
div#content_center div#right_menu {}
div#content_center div#bottom{position:relative;top:0px;left:0px; height:200px;width:100%;}
div#footer{z-index:4;position:absolute;top:13%;left:1%;width:98%;}
|
|
Как растянуть позиционируемый слой по height 
Загрузка ...
