По макету

[htmlbr]

Добрый день!

есть вот такой макет http://cs9895.vkontakte.ru/u36659292/136868868/z_00fdf510.jpg

C body, #footer и #content я разобралась

не могу понять как сделать #precontent. Он должен заполнять такое пространство, но при уменьшении окна, не должен создавать прокрутку. Через Hidden пробовала. Чё т не покатило)

Спасибо!

[SelenIT]

Ширина #content резиновая или нет?

[rookie]

Можно вот так например:

  
html,body {height: 100%}
  body {
    background: #bbb;
    padding: 0 50px;
}
  #precontent {
    height: 100%; 
    background: #369;
    padding: 0 50px;
    }
  #content {height: 100%; background: #FCE702;}
  #footer {
    height: 200px; 
    margin: 0 -50px;
    margin-top: -200px;
    background: #748;
  }

#footer залезает на контент, но зато полосы прокрутки нет при ресайзе окна. Если же нужно чтобы #footer не залезал на контент, то нужно в #precontent добавить padding и соответственно изменить height чтобы прокрутки не было

Edited July 3, 2011 by rookie

[htmlbr]

Content - не резиновый

Footer - fixed

[geonerstiem]

delete

[SelenIT]

Если #content фиксированный, то, имхо, проще всего задать #pre-content'у min-height: 100% и фоновую картинку, имитирующую фон #content-а. А сам #content пусть принимает высоту по содержимому.

Кстати, в синих полосках будет какой-то контент (кнопки, баннеры...) или там чисто декоративные элементы? Если второе — имхо, #pre-content как отдельная прослойка вообще не нужен. Да и баннеры можно спокойно засунуть в #content, а потом высунуть наружу отрицательными маргинами...

[htmlbr]

Да, второе) спасибо!