Как убрать нижний скролл когда картинка выходит за экран?

Question

[Максим]

Здравствуйте.
Подскажите пожалуйста как убрать нижний скролл когда картинка выходит за экран?
Картинку прикрепил. Обведенный блок выходит за границу и вызывает скролл.

Можно как нибудь сделать чтобы он подстраивался под экран?
Или хотя бы отключить скролл нижний?

Вот такой код

.table_sale {
	overflow: hidden;
	margin: 434px 0 0 495px;
	position: absolute;
	width: 960px;
	height: 80px;
	opacity: 0.63;
	background: #f5f5f5;
	border: 1px solid #fdcb4d;

Спасибо, за ответы!

Answer 1

[Максим Тимофеев]

Надо сделать так, что бы картинка не вылазила. Зачем придумывать заплатку там, где проще исправить ошибку. А элементы, которые выходят за экран, растягивая рабочую область - это явно ошибка.
Как вариант, положить картинку на фон или использовать для нее абсолютное позиционирование.

Answer 2

[Дмитрий Евграфович]

положить картинку в див, диву назначить ширину определенную, не более 100% экрана (учитывая отступы), картинке назначить max-width:100% - когда картинка будет больше блока, она будет вписываться в его размер. Еще почитать про позиционирование блоков? например тут htmlbook.ru/css/position чтобы иметь представление, как и когда ведут себя элементы с разным позиционированием и как это можно применять.