Создание каркаса сайта, невидимый footer

[Delat]

Я только начал глубже погружаться в тему CSS и на своем пути сталкиваюсь с разными проблемами. Некоторые удается решить быстро.

Для себя сделал вывод, что нужно изучать построения сайта с способов позиционирования и обтекания.

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

http://prodpak.ru

[Switch74]

1. "абсолютно позиционирован": много нюансов поведения, например вот два варианта вроде бы одного и того же, но разный результат

родитель с позиционированием

http://jsfiddle.net/8naWH/3/

родитель без позиционирования

http://jsfiddle.net/8naWH/4/

2. "положение элемента устанавливается относительно его исходного места": здесь немного попроще

http://jsfiddle.net/8naWH/5/

но разница во всех примерах вроде бы очевидно, менялся лишь position у дочернего дива и у родителя

В вашем случае получился 1 случай, абсолютно позиционированный объект не влияет на содержимое страницы, он не является кирпичиком дома - он облачко над ним

Edited April 7, 2013 by Switch74

[spdif]

сделайте например так:

.content -

уберите абсолют, добавьте

float: left;

.sidebar -

уберите абсолют, добавьте

margin-left: 620px;

...

[Delat]

1. "абсолютно позиционирован": много нюансов поведения, например вот два варианта вроде бы одного и того же, но разный результат

родитель с позиционированием

http://jsfiddle.net/8naWH/3/

родитель без позиционирования

http://jsfiddle.net/8naWH/4/

2. "положение элемента устанавливается относительно его исходного места": здесь немного попроще

http://jsfiddle.net/8naWH/5/

но разница во всех примерах вроде бы очевидно, менялся лишь position у дочернего дива и у родителя

В вашем случае получился 1 случай, абсолютно позиционированный объект не влияет на содержимое страницы, он не является кирпичиком дома - он облачко над ним

всего пару часов для перечитывания, экспериментирования и понять удалось , стало ещё интереснее. Вот только не пойму, если абсолютно позиционированный слой является "облачком", то почему после добавления в слой <div class=layer> текста, абсолютно позиционированный сайдбар сместился вниз, ведь он то самое облачко?

[spdif]

потому что у него нет определенной позиции!

задайте явно его положение относительно родителя и он уже никуда не съедет)

[Switch74]

вы ведь текст перед абсолютным сайдбаром вставили, а сайдбару не указан top вот он после текста и начинается.

есть один нюанс, если на вашей странице будет больше информации и она не будет влезать в вашу фиксированную высоту, может произойти наложение объектов

[Delat]

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

[Switch74]

вполне, если сайдбар у вас по высоте не будет превышать контентную часть. Если вы хотите, чтобы на размер странички влияли и контентная часть и сайдбар, то можно воспользоваться стилем float