Yuriy

У меня будет или 1, или 2 строки. Значит, никак?

Добрый вечер! Есть вот такой код: <div style="width: 600px; height: 200px; border: 1px solid red;"> Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст Текст текст </div> Можно ли как-то текст отцентрировать по вертикали БЕЗ техники эмуляции таблицы (display: table)? JS также не интересует. Заранее спасибо!

deadrash, нашёл недоработку Если в центральной колонке мало информации - она будет по длине занимать места столько, сколько в ней контента. Например, прописать пару слов или пару строк, да увеличить разрешение экрана...

Serlutin, мне нужны 3 колонки с резиновым центром для каркаса, да. Просто использую различные методы, и недавно узнал об этом, который обсуждаю в данной теме. Странно, как раньше я его пропустил... Вот и захотелось понять, как сайд-бары сделать фиксированными. deadrash, респект! Код изучил, всё понял, большое спасибо! Немного опыта не хватает. Видимо, пока не разобрался я, как позиционируются элементы в связке, когда у каждого position:relative. Это мне и не даёт нормально продумать ситуацию... Нужно наконец-то разобраться с этим. Вопрос решён, всем спасибо за внимание!

Я не говорил, что не подходит Предварительно посмотрел сейчас - всё супер, позже посмотрю код, поизучаю Огромное спасибо!

Пятый раз повторяю - я не просил ссылки. Я все методы наизусть знаю. Меня заинтересовал конкретный вопрос, который остался в первом сообщении. Одно решение. Спасибо автору, я его посмотрю чуть позже. Ну если я наизусть знаю все методы, то я точно натуральный лентяй Ладно. Раз больше по делу ничего, то будем смотреть то, что имеется.

"Хороший трёхколоночный макет" я и сам могу сделать. Мне нужна одинаковая высота. А про способ я уже сказал. Не предлагайте! Если не знаете, чем помочь, не предлагайте то, что я не прошу! Пожалуйста! ок, я посмотрю подробнее. Да что ж такое... Ну что не понятно? html <div id="container3"> <div id="container2"> <div id="container1"> <div id="col1">Column 1</div> <div id="col2">Column 2</div> <div id="col3">Column 3</div> </div> </div> </div> css #container3 { float:left; width:100%; background:green; overflow:hidden; position:relative; } #container2 { float:left; width:100%; background:yellow; position:relative; right:30%; } #container1 { float:left; width:100%; background:red; position:relative; right:40%; } #col1 { float:left; width:30%; position:relative; left:70%; } #col2 { float:left; width:40%; position:relative; left:70%; } #col3 { float:left; width:30%; position:relative; left:70%; } Левая и правая колонки имеют ширину в %. Я хочу в пикселях. Всё! Задача описана 100% ясно и корректно.

А что из первого сообщения конкретно не ясно? Есть метод. В нём все колонки резиновые за счёт ширины всех колонок в %. Мне нужны боковые колонки в px, центральная - занимает всё свободное время. Рисунком никаким эту задачу не описать. На словах всё ясно.

Открываю ссылку в любом браузере - нигде колонки одной высоты не выводятся Я дал ссылку. В статье дан html и в конце css. Больше ничего для задачи не нужно. psywalker, спасибо, но я все эти методы могу Вам сам рассказать наизусть. Я задал конкретный вопрос. Если идей и решений нет, то я просто от него откажусь.

Такой вариант, к сожалению, сразу отметается. Это свойство не поддерживают IE6-7.

Он в статье, после слов "Возвращаем колонки с контентом на свои позиции".

Я не пойму, что Вы хотите мне показать этим кодом...

Добрый вечер! Возникла задача сверстать 3 колонки одной высоты. Мне очень понравился метод Matthew Taylor'a, но одно меня ставит в тупик: все колонки здесь имеют длину в %. Мне же нужно, к примеру, 300px левая, 350px правая и центр - всё оставшееся место. За основу брал статью-перевод http://www.master-web.info/equal-height-co...ss-browser-css/ Крутил, вертел, пока ничего не вышло. И почему-то кажется, что этот метод не рассчитан под фиксированные сайд-бары Есть ли у кого идеи, как это и можно ли сделать? Спасибо

mishka2 Огромнейшее спасибо! Идеально работает

Буду очень благодарен. А на счёт размеров - это я действительно на сонную голову не разобрался - откуда и что. Сейчас всё понял.

Да, как на последнем скрине - особенно. Ладно, спасибо большое за помощь. Буду додумывать. P. S. Грубить было совсем не обязательно. Ты совсем не знаешь, кто твой собеседник.

Спасибо за ответ! Однако, не совсем то, что я хотел. У меня разрешение экрана 1024х768. Центральная часть должна быть примерно под 990 px, боковые - по 300. К примеру. Вот что у меня получается при выставлении этой ширины боковым колонкам: А должно быть примерно так: Правда эту картинку я получил путём увеличения масштаба в браузере. Но должно быть так. И интересный момент... Не знаю почему, но вёрстка резиновость теряет при сильном уменьшении масштаба: Пока подумаю ещё посижу, что делать. Но очень надеюсь, что поможете довести до идеала Ибо за час работы пока результат нулевой... Спасибо!

Всем привет! Возникла одна интересная задача, которую пока не смог решить. Имеется резиновая вёрстка: 2 боковые колонки, фиксированной ширины, и растягивающийся центр. Проблема в следующем. Минимальное разрешение экрана для нормального просмотра сайта - 1024х768. Мне нужно сделать так, чтобы центр полностью разместился на экране, имея минимальную ширину примерно в 990px, а боковые колонки чтобы просто "срезались", заняв оставшееся место на экране. При большем разрешении экрана, соответственно, колонки будут показаны уже больше. А у кого совсем широкий экран - колонки будут на месте, а центр растянется под свободное место. Думаю, идею изложил ясно. Итак, вот что имеется: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <style> body { margin: 0; padding: 0; } body div { height: 500px } #wrap { width: 100%; overflow: hidden; position: relative } #container { width: 100%; min-width: 1280px; position: absolute; left: 50%; margin-left: -50% } #left { width: 300px; margin-left: -100%; background: #008000; float: left } #right { width: 300px; margin-left: -300px; background: #000080; float: left } #content { width: 100%; background: #116f92; float: left } #text { margin: 0 300px } </style> </head> <body> <div id="wrap"> <div id="container"> <div id="content"> <div id="text"> </div> </div> <div id="left"></div> <div id="right"></div> </div> </div> </body> </html> Как видите, я попытался весь контейнер с колонками и контентом разместить по центру относительно дива, в котором это всё находится. ну и с помощью overflow: hidden боковые колонки бы ушли. Однако, не получается. Не центрируется ничего. Кто-то верстал подобное? Какие у вас будут идеи для решения задачи? Спасибо!