Блочная верстка

[okunev2]

вот css, блочная верстка по центру, фиксированной ширины:

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,h7pre,code,form,fieldset,legen
d ,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}

#container {
width: 900px;
margin: 0 auto;
}

#header {
height: 226px;
margin: 0;
background: url(images/bg1.gif) repeat-x;
}

#wrapper {
float: left;
width: 100%;
}

#content {
margin: 0 150px;
}

#navigation {
float: left;
width: 150px;
margin-left: -900px;
background: #B9CAFF;
}

#right-block {
float: left;
width: 150px;
margin-left: -150px;
background: #FF8539;
}

#footer {
clear: left;
width: 100%;
background: #ff0000;
}

как теперь бы растянуть контейнер по высоте, а нижний футер прижать к низу, и чтобы между футером и контейнером был отступ (и работало во всех браузерах)?

[klierik]

покажите, пожалуйста, пример.

[okunev2]

  klierik said:

покажите, пожалуйста, пример.

http://blog.html.it/layoutgala/LayoutGala07.html

[klierik]

вот чтото типа такого...

у меня в ФФ заработало

html, body {
height:100%;
margin:0;
padding:0;
}
div#container {
height:100%;
margin:0 auto;
overflow:hidden;
position:relative;
width:700px;
}
div#footer {
bottom:0;
clear:left;
left:auto;
position:absolute;
right:auto;
width:100%;
}

[Kiddo]

Высоту в 100% можно задать только когда все родительские элементы включительно до хтмл имеют 100%

А о том как прижать футер к низу рассказывается например здесь - http://zodios.net/htmlcss/downfooter.html

[sol]

Посоветуйте...

сверстал все на дивах, остался сам контент

выглядит он как таблица 2 строки 3 колонки + одна колонка справа на высоту 2-х строк

имеет ли смысл подобное верстать на дивах?

[Dimitry Wolotko]

  sol said:

Посоветуйте...

сверстал все на дивах, остался сам контент

выглядит он как таблица 2 строки 3 колонки + одна колонка справа на высоту 2-х строк

имеет ли смысл подобное верстать на дивах?

Покажите макет.