Убрать горизонтальный скролл

#html #css

Учусь верстать макет, графика выходит за пределы 1000px.
Желательно сделать так, что бы на мониторе с разрешением экрана 1024x768px не появлялся
горизонатальный скролл, а то, что не влезло, просто оставалось за пределами браузера.
Как этого добиться?    

Ответы

Ответ 1

Добавляем к блоку в котором нужно убрать скролл стиль (в CSS или напрямую)
overflow:hidden;
overflow-y:hidden;  /*для вертикального*/
overflow-x:hidden;  /*для горизонтального*/




overflow


overflow x


overflow y


Ответ 2

#wrapper { width: 980px; overflow: show; }

Обычно такого хватает. #wrapper - обертка всего сайта, обычно идет следом за body


Ответ 3

А ещё для IE<8 чтобы убрать прокрутку ничего кроме:


не помжет!


Ответ 4

Всё очень просто пишем:

html{

    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

  body
  {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }


Ответ 5

контейнеру, в который не влазит контент добавить свойство overflow:hidden; это скроет
непомещающиеся части.


Ответ 6

если я правильно понял, то одно из свойств CSS вам должно помочь position: absolute.
А также можно поиграться вот с этими свойствами max-width и min-width. Можно еще попробовать
обернуть картинку в DIV и этому же DIV`у задать background, и указать размеры картинки
которая задана фоном.