три столбца с помощью div

[wall66]

уже немало сказано о т н блочной верстке, всего и не прочитаешь...

так что задам всего один единственный вопрос:
существует ли хоть один способ создать разметку сайта на элементах div, в которой центральный столбец был бы шириной по содержимому любой ширины без всяких наложений слоев ?

к примеру, в центральном столбце вдруг образовалась картинка шириной в 3000px - все способы и примеры версток на дивах в такой ситуации, скажем так, "съехали": где-то правый столбец просто исчез, где-то наложился на центральный в самом невероятном месте, где-то элемент заголовка остался шириной с окно как ни в чем ни бывало...

в общем, можно ли сверстать сайт на блоках так чтобы полностью имитировалось табличное поведение, включая растяжение всех элементов страницы по содержимому вне зависимости от ширины окна ?

[Arigato]

Здесь же на форумах уже приводили ссылку на статью очень неплохо расписано: http://www.freeartists.ru/articles/m.../div-vs-table/
Либо можно юзать табличную вёрстку. Основной недостаток табличного варианта: нельзя по коду вынести текст статьи выше менюшек, а для поисковиков такое расположение элементов лучше.

[wall66]

Сообщение от Arigato

Здесь же на форумах уже приводили ссылку на статью очень неплохо расписано: http://www.freeartists.ru/articles/m.../div-vs-table/
Либо можно юзать табличную вёрстку. Основной недостаток табличного варианта: нельзя по коду вынести текст статьи выше менюшек, а для поисковиков такое расположение элементов лучше.

у разметки из этой статьи точно такиеже проблемы что я описывал выше, так что вопрос остается

[13th]

<div style="width:100%;overflow:hidden;">
<div style="width:20%; float:left;">

</div>
<div style="width:20%; float:right;">

</div>
<div style="width:60%;margin-left:20%;margin-right:20%; ">

</div>
</div>

Попробуй так.
Недостатки - нельзя выровнять все три колонки по длине(чтоб длина была одинакова у всех не зависимо от содержания)
Плюсы- обеспечивает сто процентную резину в длину , хотя в твоем случае должно и по горизонтале пойти(если нет, то попробуй не указывать явную ширину в родителе, просто убрать её оттуда)

[wall66]

Сообщение от 13th

...

нет... к сожалению в этой верстке правый столбец в описанных условиях просто напросто исчезает... но спасибо за участие

[13th]

А ширину родительского дива убирал?

[wall66]

Сообщение от 13th

А ширину родительского дива убирал?

да, никаких изменений

[Arassir]

<div id="conteiner">
<div  id="div1">
</div>
<div id="div2">
</div>
<div id="div3">
</div>
</div>

это в файле html


а это в файле css

#conteiner {
width:100%;
height: 170px;
overflow:hidden;
}
#div1 {
width:400px;
float:left;
height: 170px;
background-color: white;

}
#div2 {
width:400px;
height: 170px;
float:right;
background-color: blue;
}
#div3 {
width:auto;
height: 170px;
background-color: red;
}