2012-01-17 3 views
1

Я обновляю заголовок на сайте, а весь заголовок должен иметь светло-серый фон. Чтобы достичь этого, я решил, что могу просто установить фоновый цвет общего заголовка div на серый (E7E7E7), но каким-то образом я получаю пустое пространство посреди него, и я не могу выбрать/найти общий div с Firebug.css проблемы с фоновым цветом

Общий div - это один с классом = "header", а страница http://www.momentumnow.biz/mn/index.shtml.

Не могли бы вы сообщить мне, что мне нужно сделать, чтобы избавиться от этого пробела в заголовке (и то, что я делаю неправильно здесь). Обратите внимание, что вам нужно сделать окно браузера широким. Я хочу, чтобы фиолетовая вспышка была справа, чтобы оставаться в правой части страницы, поскольку человек делает страницу более широкой.

Благодаря

ответ

2

Вы должны clear your float как это:

div.header { 
    background-color: #E7E7E7; 
    min-width: 1010px; 
    overflow: hidden; 
} 

Написать сейчас есть three floated child DIV's внутри вас .header DIV, которые должны иметь clear. Итак, напишите overflow:hidden в вашем .header.

+0

Beat me to it =) – mrtsherman

+0

Thanks Sandeep. Я смущен (очевидно! :-). Я вижу, что я перепутал, делая ясность вне заголовка div (который я только что переместил). Можете ли вы рассказать о том, что такое переполнение: скрытый, почему он заменяет ясность? Спасибо за помощь. – Ray

+0

Я задам еще один вопрос, если смогу. Есть ли способ получить эту центральную секцию «Вдохновляющее движение ...», чтобы плавать и сидеть на полпути между двумя вспышками, но используя минимальное дополнение/край с обеих сторон? – Ray

1

Вы должны очистить свои поплавки. Если вы проверите header с помощью инструментов Chrome, вы увидите, что он имеет высоту 0. Это связано с тем, что вы размещали внутренние элементы (вытаскивая их из нормального потока). Просто очистите их, и ваш контейнер снова будет иметь высоту. Или назначьте высоту.

+0

Спасибо. Так как вы, ребята, очень быстро на это (спасибо BTW), могу я спросить вас, как я могу позиционировать ссылку Affiliate Care Members, на пару пикселей выше, чем сейчас. Я дал ему 4px margin внизу, но он не поднимается, и мне нужно держать заголовок не более 120px (фиолетовая вспышка высотой 100px). Благодарю. – Ray

+0

@Ray - назначить отрицательный запас на верх. Поля напоминают дополнительное пространство вокруг краев элемента. Добавление нижнего поля просто заставляет его подталкивать вещи под ним вниз. – mrtsherman

+0

А, спасибо. Отрицательный запас сделал это (и я вижу, что вы говорите о том, чтобы положить маржу внизу).Но почему этот элемент не застрял прямо над вспышкой над ним? У меня есть поля или дополнения, которых я не вижу? – Ray

1

попробовать это

<div class="header"> 
    <div class="headerLeft"> 
    <div class="affiliate"> 
    <div class="headerRight"> 
    <div style="clear: both"></div> //add this 
</div> 
+0

Супер Арам, спасибо. – Ray

+0

добро пожаловать) –

0

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

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