Как установить ширину с 2-мя делениями, используя пиксели и проценты

Question

У меня есть этот пример здесь .

Я бы хотел, чтобы вы выполнили следующие шаги:

• измените размер окна браузера до ширины менее 950 пикселей.
• Теперь прокрутите вправо горизонтальной полосой прокрутки.
• Теперь вы заметите, что серая полоса (div) останавливается и не продолжается до правого края страницы.

Я хочу знать, как это исправить, чтобы серая полоса продолжалась по всей странице.

Answer 1

Используйте min-width на самой панели с той же шириной, что и содержимое в ней ...

Я не знаю, какую кросс-браузерную совместимость вы хотите, но это должно работать в IE7>. Еще больше это усложнит ситуацию.

Пример здесь:

http://jsfiddle.net/sg3s/hrN5F/

Редактировать, это может решить эту проблему и для более старых версий IE, но не может проверить это http://jsfiddle.net/sg3s/hrN5F/2/

Answer 2

Вместо использования css для установки bgcolor и border, используйте изображение шириной 1px, и как бы оно вам ни было нужно.

`background:url('images/bg.gif') repeat-x;`

Обязательно добавьте нижнюю границу размером 1 пиксель в ваше bg изображение.