[Dejust]

Товарищи, уже второй день сижу и вожусь с гребанным футером, а именно, после того как прижал футер к низу, в опере было все нормально ибо всяких тулбаров там у меня нет, а в ИЕ с ФФ окошко было меньше и в следствии чего футер оставался в низу страницы, но наезжал на блок с меню, который как и блок с текстом должен двигать его вниз при увеличение высоты (оба эти блока расположены в одном диве)...

Привожу краткий код html

<div id="content">
<div align="left" class="basedivmenu"></div>
<div id="contentDiv"></div>
</div>
<div id="footer"></div>

CSS всех ID

html, body {margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
body {background: #FAFAFA;
    position:relative;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

#content {height: auto;
          width: 935px;
          padding-bottom: 100px;
		  margin-top: 10px;}

.basedivmenu {float: left;
 line-height: 1;
height: auto;}

#contentDiv {margin-left: 335px;
   width: 635px;
height: auto;}	

#footer {
height: 100px;
 width: 100%;
    position: absolute;
    left:0;
    bottom: 0;
}

В чем проблема я ни как не пойму, #content должен толкать футер дальше в низ, но происходит это только при увеличении блока #contentDiv...

Внизу парочка скриншотов для зрительной оценки ситуации.

[sokol666]

Делай так:

<div id=menu>меню тут</div>
<div id=content>контент</div>
<div id=podval>подвал</div>

Вот css:

#menu{ float:left; width: фиксированная ширина сколько нужно; height:auto;}
#content{float:right; height:auto; width:auto;}
#podval{height: сколько нужно; width:100%;}

Потом добавишь отступы по необходимости
P.S. Код написан на телефоне могут быть ошибки.

[Dejust]

sokol666,спасибо, код мало чем отличается от моего, но попробовал, не помогло, футер как наезжал на менюшку, так и наезжает, а сам текст под футер дезертировал...

[Aldes]

height:auto !important;
- эта запись позволяет установить высоту блока, но при этом она не будет восприниматся браузером FireFox, это делается потому, что если количество контента в блоке больше чем указана высота, то текст вылазит за пределы блока, а сам блок не растагивается.

Сообщение от Артем Колесников

min-height: 100%; height: auto !important; height: 100%;

это совсем глупость... достаточно для body только height: 100%;

[Dejust]

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

это совсем глупость

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

[Aldes]

Сообщение от Артем Колесников

так футер сейчас вообще подскочил к шапке, обходя все законы и морали

естественно, Вы ж сами ему прописали:

Сообщение от Артем Колесников

#footer { height: 100px; width: 100%; position: absolute; left:0; bottom: 0; }

включайте голову! и найдете решение

Добавлено через 8 минут

Артем Колесников, в общем если совсем тяжко, тогда вот вам пример как прижать div к низу страницы, а заодно и куда пихать min-height:100%; height:auto !important; height:100%;

[Dejust]

Aldes, sokol666, благодарю за помощь, буду разбираться)

[kost]

http://www.themaninblue.com/experiment/footerStickAlt/