Помогите с вёсткой

[bakabek 4]

Собственно нужно , чтобы сайт с разрешением 1000px всегда находился посередине и от него правее располагался баннер 120х400. Но тем не менее не смещал сайт с середины.

При прокрутке, чтобы баннер опускался по мере посмотра. грубо говоря назойливый баннер.

Схема

Спасибо.

Изменено 30 июня 2011 пользователем bakabek

[WebSet 74]

bakabek,

<div class="content">

<div class="banner">

 <div style="position:fixed;">{banner}</div>

</div>

 {content}

</div>

css:

.content{width:1000px; margin:0 auto 0 auto; position:relative;}

.banner{position:absolute; width:100px; right:-130px;}

не тестил, но что-то типа того

[Critical Error 155]

конструкция

<div class="banner">баннер</div>

<div class="content">

блока сайта на 1000px

</div>

css

.banner { left: 50%; margin: 0 0 0 550px; position: fixed; top: 0 }

.content { margin: 0 auto; width: 1000px; }

[WebSet 74]

Critical Error,

хех, оба варианта рабочие

p.s.

ТС, я бы советовал делать шаблон размером в 950px, чтобы нормально отображалось в 1024 мониторе

[bakabek 4]

Спасибо. ща попробоую

З.Ы

1000px нормально отображается на 1024х768

Всё работает, спасибо ребята

[WebSet 74]

1000px нормально отображается на 1024х768

если нет вертикальной прокрутки

[bakabek 4]

ну смотри, есть вертикальная прокрутка?

http://health.gov.az/

[WebSet 74]

bakabek,

http://clip2net.com/clip/m73798/1309518679-clip-155kb.jpg

угу, и появляется горизонтальная прокрутка

[bakabek 4]

хмм, странно

А у меня на 1024х768 вот так

[WebSet 74]

bakabek,

ну я смотрел через оперу + смотрел через приближение экрана, возможно я и не прав, но при верстке фикс. шаблона, использую всегда меньше 1000px ширину

[- Den - 32]

Максимум 960px

[Captain 620]

Максимум 960px

C чего вдруг? 990 нормально.

[bakabek 4]

да слушайте 1000px. тоже нормально

[Critical Error 155]

делай в css body {overflow: hidden;}, а для первого дочернего div ставь jScrollPane плагин. Будет работать при любой фиксированной верстке только вертикальный скролл

[Lomot 134]

делай в css body {overflow: hidden;}, а для первого дочернего div ставь jScrollPane плагин. Будет работать при любой фиксированной верстке только вертикальный скролл

Тогда уж просто

body{overflow-x: hidden;}

[Critical Error 155]

Тогда уж просто

body{overflow-x: hidden;}

Ну, просто не просто, а это уже CSS3! И соответственно в IE 8 ("энд лоу") баги будут.

Хотя нет, вижу что работает

Изменено 1 июля 2011 пользователем Critical Error

[Lomot 134]

Ну, просто не просто, а это уже CSS3! И соответственно в IE 8 ("энд лоу") баги будут.

Хотя нет, вижу что работает

Работает даже в IE6 и FF2.0

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

Изменено 1 июля 2011 пользователем Lomot

[Captain 620]

Delete

Изменено 1 июля 2011 пользователем Captain

[bakabek 4]

Скажите где почитать про резиново-статическую верстку? Например при разрешении на 1024х768 сайт был например на все страницу без скролов, но при большом разрешении растягивался на 1280 например. Опять же не на всю страницу.

[WWW.ZEOS.IN 1 161]

bakabek,

http://htmlbook.ru/css/max-width

http://htmlbook.ru/css/max-height

http://htmlbook.ru/css/min-height

http://htmlbook.ru/css/min-width

[WebSet 74]

WWW.ZEOS.IN,

зачем же так?

чем не устраивает width:100% ?

[bakabek 4]

Спасибо!

WWW.ZEOS.IN,

зачем же так?

чем не устраивает width:100% ?

width:100% не всегда подходит,)

[maxsidrom 2]

Ребята, помогите адаптировать шаблон под версию 9.3 (можно за деньги, в пределах разумного)

п.с. автор шаблона куда-то пропал и не оказывает тех поддержку...

[Lomot 134]

Ребята, помогите адаптировать шаблон под версию 9.3 (можно за деньги, в пределах разумного)

Я только после 19:00 смогу. IСQ 49семь-138-64ноль

Изменено 4 июля 2011 пользователем Lomot