Отрицательный правый маржин

[Sub0]

Здравствуйте.

Подскажите, пожалуйста, один момент.

Есть блок шириной 1000px и margin:0 auto.

Внутри два блока - левый и правый.

Задача - оба блока частично вывести за экран (влево и вправо, соответственно). Выводимые части блоков должны быть видны только в бОльших разрешениях. При этом в разрешении 1024 горизонтального скроллинга быть не должно.

Попытка решения.

Даю левому блоку отрицательный margin-left. Все прекрасно - блок частично уехал за экран, скроллинга нет, выведенная часть видна в бОльшем разрешении.

Даю правому блоку отрицательный margin-right. Блок уезжает, но появляется горизонтальный скроллинг. Попросту основной блок расширяется на величину margin-right. И как это побороть - не могу разобраться. И позиционирование тоже дает горизонтальный скроллинг.

HTML:

<div id="wrapper">

<div id="left"></div>

<div id="right"></div>

</div>

CSS:

#wrapper{height:200px;

width:1000px;

background-color:#999999;

margin:0 auto;}

#left, #right {

height:50px;

width:200px;

background-color:#0000FF;}

#left{float:left;/*добавляем тут margin-left:-100px; и все прекрасно работает - блок наполовину уезжает, скроллинга нет.*/}

#right{float:right;/*здесь такой же номер с margin-right:-100px; дает горизонтальный скроллинг.*/}

Спасибо.

[K313]

может попробовать overflow-x для боди...

или просто весь контент в див width 100% overflow hidden

[Switch74]

копайте в сторону overflow для блоков которые у вас должны делать что-то по краям для больших разрешений, если это будут картинки, то на меньших разрешениях они будут скрываться и становиться меньше, на больших будут показываться в больших объемах. главное правильно позиционировать их внутри, данный вариант поможет не терять скролл от body, а он в некоторых случаях лучше заменяемого от div. Но можно использовать и выше указанный вариант, я таким образом устанавливаю свои скроллбары например

[Sub0]

... или просто весь контент в див width 100% overflow hidden

Прекрасно!

Добавил только этому внешнему диву min-width 1000px. Чтобы в нижних разрешения ширина фиксировалась.

Большое спасибо!