Заполнение таблицы HTML до края экрана

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

Буду признателен за любую помощь в том, где я ошибаюсь, поскольку я перерабатываю этот веб-сайт и мне нужно сделать это как можно скорее.


person Craig    schedule 05.02.2014    source источник


Ответы (3)


  1. вам нужно будет удалить ширину обертки для автоматического

  2. затем добавьте в свой div content2 что-то вроде: padding: 0 200px; только для серого

введите здесь описание изображения

person azote    schedule 05.02.2014

Ваш стиль #wrapper установлен на width: 970px. Измените это на width: auto, и все готово.

person Mike Robinson    schedule 05.02.2014
comment
Да, это заполняет страницу, но мне нужно, чтобы текст оставался на том же месте и расширял только фон - person Craig; 05.02.2014

если вы говорите о поле, показанном синим цветом ниже

потому что таблица была изменена внутри <div id="wrapper">

если вы измените ширину: DIV на авто.... ваши поля будут доходить до края, как показано на другом изображении

например, изображение ссылки

после изменения ширины на auto обертка div выглядит так:

введите здесь описание изображения

person azote    schedule 05.02.2014