2012-05-29 3 views
2

У меня есть небольшой файл js, который добавляет строку в верхнюю часть страницы. Этот файл может быть включен во все виды дизайна сайтов. Любые страницы с пометкой/отступом тела равны 0, панель отображается нормально. Однако, если страница имеет левое или правое заполнение, панель не будет растягиваться по всей ширине.Force div для заполнения ширины браузера

Проблема в том, что я не хочу манипулировать стилем страницы, так как у конструкции может быть причина для этого. Так что я задал себе вопрос:

Как я могу заставить div заполнить ширину браузера без манипуляции с заполнением/маркой кузова?

Я искал какое-то время, и ответы все говорят, чтобы установить дополнение/край тела.

Спасибо

EDIT:

Я не могу полагаться на JQuery для этого. В настоящее время используется простой javascript для добавления html для панели. док = dochtml + HTML строка .... '+ dochtml ...

EDIT 2:

Я пишу весь стиль и HTML в не ссылки на любые внешние файлы.. Подобно сбросу CSS, это создавало бы проблемы для остальных элементов. Этот бар - это то, что люди будут включать в свои сайты, я не могу возиться со своим дизайном.

ответ

2

Сразу после открытия отметки <body> вам нужно добавить тег <div>. Стиль div должен быть примерно как

div { 
    position:absolute; 
    top:0px; 
    left:0; 
    width:100% 
    height: 20px; 
} 

Разница должна всегда быть шириной браузера. Если вам нужно добавить некоторые дополнения к нему, вам нужно будет добавить еще один div внутри содержащего, иначе добавление сделает ширину более 100%. Вам также необходимо добавить маржу к телу, чтобы убедиться, что плавающий div не перекрывает содержимое тел. Надеюсь это имеет смысл!

Here's an example

+0

Это правда, спасибо. Но я не могу изменить пределы тела. – Chris

+0

Как обернуть все внутри тела внутри другого div и добавить к нему границу? – dotty

+0

Творческая идея :) Попытка подумать, как это сделать, или если какие-то минусы ... Спасибо – Chris