Картинка с absolute с негативным правым отступом

[Нарек]

Здравствуйте. Что то уже совсем голова не работает, сижу два часа не могу решить проблему. Сжимайте окно браузера, из за картинки горизонтальный скролл. Вот как можно сделать, чтобы браузер игнорировал эту картинку до того момента когда ширина окна будет < ширины контейнера? То есть overflow:hidden для body, html и всяких родительских контейнеров не устраивает..

 

http://jsfiddle.net/g2LyLetn/

[wwt]

а как вы без overflow собрались скрыть часть содержимого выходящего за границу родителя?

 

Если это возможно без этого свойства, и я скажу спасибо и пополню свою копилку знаний.

[mrnobody]

Вот так можно, может на какую нибудь мысль натолкуну: http://jsfiddle.net/mrnobody/g2LyLetn/5/

[Нарек]

а как вы без overflow собрались скрыть часть содержимого выходящего за границу родителя?

Я даже не знаю как тут использовать overflow чтобы он работал так, как мне надо.

 

 

Вот так можно, может на какую нибудь мысль натолкуну: http://jsfiddle.net/...ody/g2LyLetn/5/

 

Хороший костыль, спасибо)) Но получается если такая же картинка и слева, то проблема не исчезает а добавляется слева)

Edited November 29, 2015 by Нарек

[wwt]

Я даже не знаю как тут использовать overflow чтобы он работал так, как мне надо.

 

Ну так не очень понятно что ты сделать то хочешь.

[Нарек]

Так на fiddle все нарисовано, мне нужна картинка которая выходит за границы основного блока и справа и сверху и снизу, поэтому с помощью background его не смог ставить. Мне нужно, чтобы когда разрешение позволяет показать картинку целиком, а при уменьшении обрезать справа не показывая горизонтальный скролл.

[Нарек]

я что-то туплю... .http://jsfiddle.net/g2LyLetn/6/

А все началось с того, что я забыл указать минимальную ширину для общего wrapper-a и поэтому больше не рассматривал этот вариант.. спасибо, извините за глупый вопрос, пора отдыхать:-)

Edited November 29, 2015 by Нарек