|
|
|
| Здравствуйте. Подскажите пожалуйста - как дивами сверстать такой трехполосный дизайн - чтоб левый и правый блок был фиксированного размера в 200 пикселей - а центральный блок - изменялся в размере в зависимости от размера окна браузера - то есть был "резиновым". Все же три блока должны занимать 95 % страницы по ширине..... по высоте - должны быть резиновыми. | |
|
|
|
|
|
|
|
для: Yustys
(26.10.2009 в 20:30)
| | http://blog.html.it/layoutgala/ — вот тут хороший список раскладок. Вам нужны n.13 или n.14. | |
|
|
|
|
|
|
|
для: Yustys
(26.10.2009 в 20:30)
| | Уже на всё рецепты готовые есть. )
Вот мой вариант:
<html>
<head>
<title></title>
<style>
body, html{
height: 100%;
margin:0;
}
#left, #right{height:100%; width:200px;}
#left{
position:absolute;
left:0;
top:0;
background-color:#BCF8B1;
}
#right{
position:absolute;
right:0;
top:0;
background-color:#FAAFB1;
}
#center{
position:absolute;
left:200px;
top:0;
height:100%;
width:100%;
padding: 0 200px 0 0;
background-color:#FCF4AD;
}
#fr{
position:relative;
width:95%;
height:100%;
overflow:hidden;
}
div{text-align:left;}
</style>
</head>
<body>
<center>
<div id=fr>
<div id=center>Центральный</div>
<div id=left>Левый</div>
<div id=right>Правый</div>
</div>
</center>
</body>
</html>
|
| |
|
|
|
|
|
|
|
для: DJ Paltus
(27.10.2009 в 00:09)
| | Спасибо.. справился с задачей) | |
|
|
|