Jump to content
  • 0

css фиксированый баннер


XJIOP
 Share

Question

всем привет!

подскажите возможно ли сделать такое извращение, есть главный див по центру со своим размером, ситуация такая что нужно повесить с права этого дива баннер

1. при этом чтоб сам див оставался по центру как будто этого банера вовсе нет.

2. когда ширина браузера уменьшается, выравнивание центра начинается с левой стороны, дабы еще возможно было увидеть баннер находящийся c правой стороны.

3. если граница окна браузера выходит за рамки баннера, не появлялся горизонтальный скролинг. (как с position:fixed)

4. чтоб этот баннер оставлялся всегда вверху на своем месте, и не плавал за вертикальным скролингом. (с position:fixed не смог такого добится)

очень нужно такое решение, весь гугл перекопал, не знаю на какую тему искать похожие примеры =/

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

ты прав, это извращение и не делай такого.

Скролинги всегда будут и убирать их не надо. Зачем это делать? Можно с помощью javascript убирать этот баннер при уменьшении размеров окна.

Также можно использовать свойство position:absolute;

Link to comment
Share on other sites

  • 0

у меня сам шаблон сайта только с 1 колонкой справа под меню, а ширина всего дизайна 995px, вот и хотел размещать баннеры с правой стороны, но не хотел их вписывать в сам дизайн, нужно чтоб они висели только справа, повесить то повесил, осталась проблема при центрировании баннер не учитывается и получается у кого разрешение экрана меньше, видно только пол баннера, а левая сторона пустая так как центр определяется от середины шаблона, вот и надумал как то сделать центрирование с левого края дабы еще был виден баннер с правой стороны =)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy