2014-02-06 4 views
2
_______________________________________________ 
|            | 
|    Header       | 
|_____________________________________________| 
     |       | 
     |       | 
     |       | 
     |   Content   | 
     |       | 
     |       | 
     |       | 
     |       |   
_______________________________________________ 
|            | 
|    Footer       | 
|_____________________________________________| 

Здравствуйте, я хочу сделать макет, как идея выше. Идея состоит в том, что если у вас мало контента, нижний колонтитул, чтобы оставаться там, застрял.CSS с фиксированным верхним и нижним колонтитулом

Моих проблем:

  • Я не могу оставить мою ширину заголовка 100% и оставить колонтитул на экране, когда у вас мало контент, как он путешествует
  • При использовании IE, губит все,

http://jsfiddle.net/mtsys/8Yek8/

+0

Проверьте это ... http: //jsfiddle.net/KTgrS/ –

+1

Для проблем с IE попробуйте добавить '' в ваш '' – SaturnsEye

+0

Что вы подразумеваете под 100%? Ширина? Высота? Вы хотите, чтобы верхний и нижний колонтитулы фиксировались на странице или в окне (с прокруткой содержимого под ним)? Просьба уточнить. – helderdarocha

ответ

0

То, что я получил идею от вашей проблемы, если вы используете положение: зафиксированное в CSS для колонтитула и сделать его дно: 0; это будет работать. Надеюсь, это полезно.

Смежные вопросы