Авто ширина DIV фон + вертикальная полоса прокрутки

Изображение сайта с баннером различной высоты в верхней части страницы,Авто ширина DIV фон + вертикальная полоса прокрутки

Ниже, что div#wrapper-inside внутри div#wrapper
#wrapper-inside имеет фиксированную ширину, в центре
#wrapper имеет big background-image

Теперь. Когда ширина видового экрана браузера меньше нашего #wrapper-inside, мы получаем красивую горизонтальную полосу прокрутки, и когда мы прокручиваем влево, вы заметите, что ширина #wrapper остается такой же, как ширина видового экрана браузера.

Проблема в том, что #wrapper прокручивает и фоновое изображение отключается.

Можно ли это исправить только css, если нет, jQuery?

источник

2009-12-09 thomasdecrick

Как насчет установки #wrapper Минимальная ширина до той же фиксированной ширины, что и обертка внутри.

источник

2009-12-09 11:37:10

работает как шарм. Благодаря! Пользователи IE6 уже получают большое толстое предупреждение об обновлении, поэтому, чтобы черт с ними. – thomasdecrick

это может быть сделано только с помощью CSS:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
    <head> 
     <title></title> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <style> 
      #wrapper { 
       overflow: auto; 
       background-image: url('http://fc05.deviantart.net/fs50/f/2009/340/b/0/Me_by_dicabrio.png'); 
      } 
     </style> 
    </head> 
    <body> 
     <div id="header"> 
      bla bla 
     </div> 
     <div id="wrapper"> 
      <div id="wrapper-inner" style="width: 2000px; border: 1px solid black;height: 100px; color: white;"> 
test;test;test;test;test;test;test;test;test;test;test;test;test;test;test; 
      </div> 
     </div> 
    </body> 
</html>

источник

2009-12-09 11:48:46

Авто ширина DIV фон + вертикальная полоса прокрутки

ответ

Смежные вопросы