резина - пробую

[Rustick]

Ссылка

Пробую резиновую верстку.

Во wrapper взял все кроме подвала. Подвал вынес, для того, чтобы прижать.

Для wrapper проставил:

#wrapper {
min-height: 100%;
}

Почему он тогда не растягивается на всю высоту?

И как в целом моя так скажем "верстка"?

[Temiks]

body поставьте мин высоту в 100%

[amelice]

body поставьте мин высоту в 100%

Это не правильно.

Почему он тогда не растягивается на всю высоту?

И как в целом моя так скажем "верстка"?

Пока вы не зададите всем элементам высоту 100% до элемента с id #wrapper, у вас #wrapper не будет растягиваться на всю высоту экрана.

При чем вы не должны прерывать цепочку. Например пропустите html, все - не заработает. И не min-height(я имею в виду для элементов до #wrapper), а именно height.

html,body{
height:100%;
}

Edited July 21, 2011 by cheburek

[Temiks]

cheburek, вы допускаете ошибку, не обязательно ставить html высоту если вы ставите ее body, и с min-height:100% тоже будет работать как и с height:100%, min-height можно писать например если у вас есть бг, например в body бг всегда прибито к низу страницы, а если вы укажите просто высоту (не минимальную) в 100% то у вас бг будет не внизу самой страницы, а в низу экрана (это разные вещи)

Edited July 21, 2011 by Temiks

[amelice]

И как в целом моя так скажем "верстка"?

У вас блок с #content не видит своих потомков.

Так как содержит два плавающих элемента. Обычно это решается с помощью свойство:

overflow:hidden;

Edited July 21, 2011 by cheburek

[Temiks]

.

Edited July 21, 2011 by Temiks

[amelice]

cheburek, вы допускаете ошибку, не обязательно ставить html высоту если вы ставите ее body, и с min-height:100% тоже будет работать как и с height:100%, min-height можно писать например если у вас есть бг, например в body всегда прибито к низу страницы, а если вы укажите просто высоту (не минимальную) в 100% то у вас бг будет не внизу самой страницы, а в низу экрана (это разные вещи)

Давайте разберем ситуацию:

Я считаю, что:

1. height не наследуется, а первоначальное значение имеет - auto. Если не задать html высоту 100%, то и body неоткуда брать значение 100%;

а если присвоить

body {min-height:100%}

, то body просто возмьет высоту своих потомков.

2.

html{
height:100%;} 

Это высота окна просмотра, поэтому все должно начинаться с html.

Edited July 21, 2011 by cheburek

[Temiks]

cheburek, вы допускаете ошибку, не обязательно ставить html высоту если вы ставите ее body, и с min-height:100% тоже будет работать как и с height:100%, min-height можно писать например если у вас есть бг, например в body всегда прибито к низу страницы, а если вы укажите просто высоту (не минимальную) в 100% то у вас бг будет не внизу самой страницы, а в низу экрана (это разные вещи)

Давайте разберем ситуацию:

Я считаю, что:

1. height не наследуется, а первоначальное значение имеет - auto. Если не задать html высоту 100%, то и body неоткуда брать значение 100%;

а если присвоить

body {min-height:100%}

, то body просто возмьет высоту своих потомков.

2.

html{
height:100%;} 

Это высота окна просмотра, поэтому все должно начинаться с html.

Проверил , вы правы

Странно но у меня в firebug на данной странице вышло только с body растянуть

В общем, я почетно заслужил "-"

Пойду ка еще раз прочитаю учебники...

[amelice]

cheburek, вы допускаете ошибку, не обязательно ставить html высоту если вы ставите ее body, и с min-height:100% тоже будет работать как и с height:100%, min-height можно писать например если у вас есть бг, например в body всегда прибито к низу страницы, а если вы укажите просто высоту (не минимальную) в 100% то у вас бг будет не внизу самой страницы, а в низу экрана (это разные вещи)

Давайте разберем ситуацию:

Я считаю, что:

1. height не наследуется, а первоначальное значение имеет - auto. Если не задать html высоту 100%, то и body неоткуда брать значение 100%;

а если присвоить

body {min-height:100%}

, то body просто возмьет высоту своих потомков.

2.

html{
height:100%;} 

Это высота окна просмотра, поэтому все должно начинаться с html.

Проверил , вы правы

Странно но у меня в firebug на данной странице вышло только с body растянуть

В общем, я почетно заслужил "-"

Пойду ка еще раз прочитаю учебники...

Хотелось бы услышать мнения других, чтоб они тоже поделилсь опытом.

А вы минимум заслужили уважение, а не минус.

[bonyany]

Я вот тоже согласен с тем, что для прижимания подвала вниз надо растягивать и html и body на 100% свойством height.... я вот всегда для этого делаю html, body {width:100%;height:100%;}.... да и вообще считаю всегда будет правильным если футер прижат к низу при любом количестве контента... ну бывают конечно особенные макеты, но в основном стандартные...

[Rustick]

Всем спасибо. Всё получилось

[Temiks]

Я вот тоже согласен с тем, что для прижимания подвала вниз надо растягивать и html и body на 100% свойством height.... я вот всегда для этого делаю html, body {width:100%;height:100%;}....

Так вы же и растягиваете html и body на 100% кодом html, body {width:100%;height:100%;}

А вы минимум заслужили уважение, а не минус.

Спасибо, и вам также спасибо за то что разъяснили

Edited July 23, 2011 by Temiks

[Rossi25]

Почему никто не подскажет? потому что нет решения ? Или уже обсуждалось, тогда тыкните, пожалуйста.

Вот это нужно использовать http://blog.sjinks.pro/css/209-cross-browser-liquid-three-column-layout-full-height/? Или есть более лучшее/менее запутанное решение, или к таблицам лучше вернуться?

Edited July 25, 2011 by Rossi25