2013-03-22 5 views
2

Я пытаюсь сделать макет, где нижний колонтитул всегда в конце. Тем не менее, тело HTML должно иметь div, фиксированный слева и справа, разделяющий другой с оставшимся размером.Нижний колонтитул находится в середине экрана

До тех пор у меня нет проблем ... Но когда правый div имеет много строк HTML, как правило, продолжается до конца, а нижний колонтитул находится посередине экрана.

Когда # основной с положением: относительный; происходит ошибка, но если вы ее принимаете, динамики не работают так, как мне нужно.

Я пробовал все и не мог исправить.

Пример здесь: http://jsfiddle.net/WzE3g/

#principal 
{ 
    width:100%; 
    float : left; 
    word-wrap: break-word;  
    /*display: block;*/ 
    position:relative; 
    /*position:inherit;*/ 
    bottom:0; 
} 

ответ

1

Используйте положение: фиксированный; вместо абсолютного в #rodape элемент. Таким образом, это будет всегда в конце.

+1

Это работает, но вы также должны построить в некотором заполнении, так что содержимое тела дона» t позади него. – isherwood

+0

Отрегулируйте, как вы сказали, но проблема в том, что # main - фиксированный размер, он не соответствует шаблону других текстов. Скорректирована для «Столбец2» имеет правильную высоту http://jsfiddle.net/WzE3g/1/ –

+0

isherwood как это сделать? –

0

Я думаю, вы говорите о липкой сноске ... Вот example с объяснением