| |
|
|
| | Подскажите как сверстать такую идею: 3 вертикальных блока, два крайних с заданной шириной, а третий должен дополнять до 100% ширины окна?
<div id="menu">
</div>
<div id="text">
</div>
<div id="images">
</div>
|
#menu{
position:relative;
padding-top:150px;
padding-right:50px;
text-align:right;
float:right;
}
#text{
position:relative;
padding-right:20px;
padding-left: 20px;
text-align:right;
width:auto;
float:right;
}
#images{
position:relative;
width:200px;
float:right;
}
|
слой text должен дополнять, но не авто, не 100% не помогают. | |
| |
|
|
| |
|
|
| |
для: dima_mak
(16.02.2010 в 14:31)
| | | Проверено в ФФ 3.5.7 и ИЕ6
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">
<title>Резиновск</title>
<style type="text/css">
body, html {
margin:0;
height:100%
}
#menu, #images{
position:absolute;
border:1px solid red;
width:150px;
height:100%;
background-color:white;
}
#menu{
left:0;
}
#images{
right:0;
top:0;
}
#canvas{
position:absolute;
width:100%;
height:100%;
background-color:yellow;
padding: 0 0 0 0px;
}
#content{
margin: 0 152px 0 152px;
}
</style>
</head>
<body>
<div id="canvas">
<div id="menu">
menu!
</div>
<div id=content>
проверено очень длинной строкой
</div>
<div id="images">
images!!
</div>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: DJ Paltus
(16.02.2010 в 15:20)
| | | спасибо! | |
| |
|
|
