Деликатная проблема

[gibigate]

Имеем wrapper с 980px ширины, в нем находится header,content,footer. Каким образом сделать так чтобы содержимое content была больше 980px (в моем случае 100% экрана). Неужели придется header и footer выставлять отдельно, а у врапера убрать?

[DrStrangeLove]

интересно - что ты хочешь сделать? Чаще хедер и футер 100%, а контент - фикс..

[gibigate]

http://savepic.su/781318.htm

Например вот так.

Надпись VIP как лучше реализовать?

[moskalev_mihail]

Можно сделать с помощью абсолютно позиционированного DIV'а. Тогда VIP можно будет перемещать, при надобности, по списку изображений.

[gibigate]

Можно сделать с помощью абсолютно позиционированного DIV'а. Тогда VIP можно будет перемещать, при надобности, по списку изображений.

дело в том что у content стоит position:relative; а вип нужно будет разместить внутри content, что делать в таком случае? если поставить width:100%, то неизвестно насколько отодвинуть left:-

[DrStrangeLove]

посмотри как сделана главная страница - moskva.fm

похоже на твой случай..

[SelenIT]

неизвестно насколько отодвинуть left:-

Можно "перехитрить природу": поставить right:100% левой надписи и left:100% — правой

[Softlink]

*На правах хардкода

При отсутствии требований к интерактивности у этих випов, можно сделать на псеводэлементах. Единственный плюс такого подхода - независимость от высоты хедера.

Второй вариант тоже с ПЭ, но там как подложка используется позиционированный див, что в свою очередь заставляет фиксить высоту шапки и вообще следить за ней

Можно сделать с помощью абсолютно позиционированного DIV'а. Тогда VIP можно будет перемещать, при надобности, по списку изображений.

дело в том что у content стоит position:relative; а вип нужно будет разместить внутри content, что делать в таком случае? если поставить width:100%, то неизвестно насколько отодвинуть left:-

Если правильно понял о чем речь, то при фиксированной ширине вычисление позиции "края" контента вычисляется по такой формуле:

position:absolute;
left:50%;
margin-left:/*ширина контента делим пополам */

[gibigate]

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

Буем делать подложку)