[rubanok]

Как сделать на дивах такую конструкцию

<table>
<tr>
<td>1</td><td>2</td>
</tr>
<tr>
<td colspan=2>3</td>
</tr>
</table>

ячейка 2 и 3 резиновая, перескакивать ни чего не должно и самое главное ячейка 3 должна прилипать к низу если контент маленький

[m_Stasuk]

дивы не есть замена таблиц. Смысл безтабличной верстки совсем в другом.

Надо смотреть задачу и все, то что вы написали очень размыто.

[rubanok]

Философов прошу больше не отвечать

[kost]

Футер внизу экрана:
http://www.themaninblue.com/experiment/footerStickAlt/

Две колонки, резина
http://alistapart.com/articles/negativemargins

[deMone]

rubanok, а между тем m_Stasuk совершенно прав: если нет чёткой необходимости делать в дивах (или если то что Вы делаете предназачено для таблиц) — не*уй дурью маяться, пользуйтесь таблицами.

[rubanok]

Столкнулся стакой проблемой

<div>
<div>Контент (правая часть,резиновая)</div>
<div>Левое меню (жесткий размер)</div>
</div>

Как правильно прописать код в CSS с помощью float:
и не использовать position:

[deMone]

может так?

<div>
<div style="float: left;">Контент (правая часть,резиновая)</div>
<div>Левое меню (жесткий размер)</div>
</div>

[kost]

rubanok, вы смотрели ссылки, которые я дал?

[rubanok]

Да смотрел. Спасибо
Но не всегда все понятною. вот еще проблема

Помогите разобраться с кодом, чтобы правильно работало в IE5, IE6, Opera.В Opere bottom при сжатии окна по высоте закрывается контентом, в IE проблема с растяжкой по высоте. В Foroxe вродебы проблем нет, вот код:

<div id="body">
        <div id="content">
            <div id="content2">
                <div id="center">
                    <div id="center2">
                                           content

 content
                    </div>
                </div>
                <div id="right">
                    Правый блок
                </div>
            </div>
        </div>
   
        <div id="left">
            Левый блок
        </div>
</div>
<div id="top">Top</div>
<div id="bottom">bottom</div>

css:

html {
  height:100%;
}
body {
  padding:0;
  margin:0;
    height:100%;
  min-height:100%;
    background-color:#fff;
}
/*Скелет*/
#top {
    height:40px;
    width:100%;
    position:absolute;
    top:0;
    background-color:blue;   
}
* html #body{padding-bottom:40px;}
#body {
    width:100%;
    width:expression((document.body.clientWidth<=780)?'780px':'auto');
    height:100%;
    min-height:100%;
    min-width:780px;
    margin-bottom:-40px;
}
#left {
  float:left;
    width:200px;
    background-color:red;
    margin-top:40px;
}
#content {
    float:right;
    margin-left:-200px;
    margin-top:40px;
    width:100%;
}
#content2 {
    margin-left:200px;
}
#center {
    float:left;
    width:100%;
    margin-right:-200px;
}
#center2 {
margin-right:200px;
background-color:#ccc;
}
#right {
    float:right;
    width:200px;
    background-color:red;
    margin-left:-200px;
}
#bottom {
    clear:both;
    height:40px;
    width:auto;
    margin-top:-40px;
    background-color:blue;
}