Здравствуйте!
Подскажет, пожалуйста, как можно получить такую резиновую верстку: 3 колонки % px %. Примерный эквивалент
<table width="100%"><tr><td width="50%">ляля</td><td width=100><td width="50%">ляля</td></tr></table>
например так не работает, поскольку left-block и right-block блоки набегают на central-block-const при масштабировании браузера
body {
margin: 0px;
padding: 0px;
background-color: #f0f0f0;
}
#main {
border: 1px solid #f00;
width:100;
padding:0px;
margin:0px;
position:relative;
overflow:hidden;
}
#central-block-const {
border: 1px solid #ff0;
width:100px;
margin: 0px auto;
}
#left-block {
border: 1px solid #ff0;
width: 40%;
position:absolute;
top:0px;
left:0px;
margin:0px;
padding: 5px;
}
#right-block {
border: 1px solid #ff0;
width: 40%;
position:absolute;
top:0px;
right:0px;
margin:0px;
padding: 5px;
}
<div id="main">
<div id = "central-block-const"><BR><BR><BR><BR><BR>
<BR></div>
<div id="left-block">
left blockleft blockleft blockleft blockleft blockleft block
</div>
<div id="right-block">
left blockleft blockleft blockleft blockleft blockleft block
</div>
</div>
Спасибо!