Позиционирование блоков
Здравствуйте уважаемые.
Речь пойдет о блоке <div id="imgrt"></div> - данный блок с позиционирован блоку <div id="container">. Блок <div id="container"> максимальной ширины 1044 px, верстка статическая. Дело в том, что у меня браузер при разрешение 1024px появляется горизонтальная полоса прокрутки из-за блока <div id="imgrt"></div> в данном блоке картинка дополняющая из блока <div id="container">, вопрос, как сделать так, что браузер перекрывал блок <div id="imgrt"> и при этом не было полосы прокрутки. Более понятнее, вот пример http://wow.mmotop.ru/ - справа и слева картинка (рекламный банер). P.S. - это моя первая верстка. PHP код:
PHP код:
|
Re: Позиционирование блоков
Если я правельно понял Вас.
#imgrt {background-attachment: fixed;} |
Re: Позиционирование блоков
Цитата:
Возмем сайт http://la2.mmotop.ru/ - по бокам мы видим банеры. У меня тоже самое по бокам две кртинки. Далее, разрешение браузера 1280px, а разрешение основого контента 1044px, если у нас браузере менее чем 1044px, то появится нижняя полоса прокрутки, а если более то данной полосы нет (сайт ститический). Мы поставили правый блок #imgrt при этом мой браузер более 1044px, то появилась нижняя полоса прокрутки, а этого не должно быть, т.е. браузер должен перекрывать на половину эту картинку или полностью (в зависимости от разрешение браузера) и при этом полосы прокрутки не должно быть, пока у меня браузер более чем 1044px, то по уровню блока #conteniar |
Re: Позиционирование блоков
Это нормально. Что Вы хотели, как должен отображать монитор с маленьким разрешением? У самой то страницы большое разрешение. Другое дело, если у Вас наоборот ситуация - при большом разрешении все смещаеться (для этого делают широкие картинки с разрешение 1600х... +)
|
Re: Позиционирование блоков
Нижняя полоса прокрутки должна появлятся тогда когда разрешаение браузера менее чем 1044px. А здесь блоки спозиционированы обсалютно - означает, что браузер должен перекрывать данный блок и при этом не будет полосы прокрутки - p.s. здесь даже нам не помогает overflow-x:hidden;
Переделал CSS, чтоб можно было увидеть блоки. Если Вы запустите у себя вебсервер и запустити мою верстку, то увидите три блока. Блеый блок - это основной блок. Красный и зеленый блок это как бы дополняющий основной блог. Так будет на много понятнее, что я хочу реализовать. Добавлено через 17 минут PHP код:
|
Re: Позиционирование блоков
Короче я понял, что Вам нужно. Во первых у Вас кривой код. Откуда взялось </table> ? открывающегося тега нету вобще. Вобщем щас все попробую перестоить.
|
Re: Позиционирование блоков
Цитата:
И хотелось бы услышить Ваши замечания по коду (c учетом того, что я не ипользовал таблицу). Я так понимаю, это некий финт такой, что я хочу сделать - и я так думаю, что здесь без javascript не обойтись. В CSS все примочки перебпробыл. |
Re: Позиционирование блоков
Цитата:
P.S. Хотя я удивлен, что ни кто из верстальщиков на форуме (а такие есть) не смог Вам помоч или проигнорировал тему. Им то как раз расплюнуть - решить эту проблему. Добавлено через 15 минут Вот смотрите внимательно закрывающийся тег <\table>: http://s017.radikal.ru/i438/1110/45/05d0564191c4t.jpg P.S. клиент ла2 кританул бы Вас за такие косяки в комунке :D Добавлено через 1 час 58 минут Да, пожалуй Вы были правы. Это при помощи JS надо делать. ПОсмотрел как на л2топе, там целый скрипт по выравнению, братите внимание как он работает. Выравнивает и назначает ширино и длину левой/правй картинки автоматически по браузеру и т. д. |
Re: Позиционирование блоков
Спасибо. Действительно тег лишний - я не в notepad писал код, а в Sublime Text - там пока не привычно, но интерфейс мне очень понравился.
Так же завдавал данный вопрос на phpforum.ru и в итоге при совместном обсуждение, пришли к такому выводу, что здесь без js не обойтись. |
Текущее время: 18:38. Часовой пояс GMT +3. |
Powered by vBulletin® Version 3.8.6
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. Перевод: zCarot