акрил

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

Спасибо, почти то что нужно, но если ширина браузера меньше 165px умноженная на каждое из слов., то происходит перенос последней ссылки на новую строку. А можно что бы не переносилась и не было прокрутки? .navi { margin: 0px 0px 0px 12px; overflow:hidden; position:relative; text-align:center; width:auto; height:58px; } .navicontainer { left: 50%; position: relative; text-align: center; } .wrpr { position: relative; left: -50%; float: left; list-style: none; margin: 0; padding: 0; border: 1px dotted blue; } .navi a, .navi li { float: left; padding: 10px; margin: 0px 165px 0px 0px; text-decoration: none; } .navi li {padding: 0; margin: 0;} .navi a:link, .navi a:visited{ font: 28px Impact, Arial; color:#DA251D; } .navi a:hover { color: #4D4948; } <div id="container"> <div id="logo"></div> <div class="navi"> <div class="navicontainer"> <div class="wrpr"> {menu_top} </div> </div> </div>

фото http://savepic.ru/1626211.jpg там 2 ссылки. И их нужно разместить так как на фото. если в контейнере div мы пишем ссылки подряд, то они идут сплошным текстом, без пробелов. Если мы используем примерно следующее: #t a{ margin-right:20px; } <div id="t"> <a>Ссылка4</a> <a>Ссылка2</a> <a>Ссылка3</a> </div> и если ширина браузера меньше ширины текста ссылок+20px то происходит перенос ссылки на следующею строку. а надо чтобы просто скрывалась за горизонтом и без прокрутки. Надеюсь понятней выразился)

Здравствуйте! Есть элемент <div><a></a><a></a>...</div> c переменной кучей ссылок. То-есть иногда этих ссылок может быть две, иногда 6. Как мне сделать примерно следующее <table width="100%"><tr><td><a></a></td><td><a></a></td>....</tr></table> Нужно чтобы ссылки автоматически распределялись в контейнере. Спасибо!