[Артем125]

Здравствуйте!

Подскажет, пожалуйста, как можно получить такую резиновую верстку: 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>

Спасибо!