div и браузеры

[Temiks]

Добрый вечер!

верстаю меню

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

код css

        .help_bg_y {
            width: 159px;
            margin: 0 0 0 14px;
            background:  red ;
        }
        .help_bg_top {
            background: url(./design/contant/leftcol/spisok/bg_top.jpg) no-repeat;
        }
        .help_bg_down {
            background: url(./design/contant/leftcol/spisok/bg_down.jpg) no-repeat bottom;
            padding: 0 0 3px 0;
        }
        .help_bg_down p {
            display: block;
            height: 33px;
            padding: 20px 0 0 41px;
            background: url(./design/contant/leftcol/help-text.jpg);
            font-family: Georgia;
            font-size: 18px;
            color: #870008;
            text-shadow: #ffffff 0 1px;
        }
        .help_bg_down .help {
            padding: 8px 0 10px 0;
            margin: 0 3px 0 3px;
            background: url(./design/contant/leftcol/spisok/bg_white.jpg);
        }
        .help_bg_down .help a {
            display: block;
            padding: 0 0 7px 21px;
            margin:  0;
            background: url(./design/contant/leftcol/spisok/strelka.jpg) no-repeat;
            background-position: 6px 7px;
            line-height: 14px;
            font-family: Arial;
            font-size: 12px;
            color: #4E4420;
        }
        .help_bg_down .help a:hover {
            text-decoration: none;
        }

код html

<div class="help_bg_y" >
    <div class="help_bg_top" >
        <div class="help_bg_down" >
           <p>омощь</p>
              <div class="help" >
                  <a href="#">Как сделать заказ</a>
                  <a href="#">Все о доставке</a>
                  <a href="#">Все об оплате</a>
                  <a href="#">Часто задаваемые вопросы</a>
                  <a href="#">Личные настройки</a>
                  <a href="#">Подписка на новости</a
              </div>
         </div>
    </div>
</div>
<a href="#"><img class="brother" alt="brother" src="./design/contant/leftcol/brother.jpg" ></a>

ссылка на проблему http://atemiks.wen.ru/test/autopapyrus.html (проблема выделена красным бг)

валидность документа http://validator.w3.org/check?uri=http%3A%2F%2Fatemiks.wen.ru%2Ftest%2Fautopapyrus.html&charset=%28detect+automatically%29&doctype=Inline&group=0

[psywalker]

А зачем делать меню на дивах, ведь есть же для этого элемент UL?

проблема выделена красным бг)

Ну увидел на странице не нужного меню, не красного цвета.

[flagreit]

да, зачем? И количество контейнеров удивило.

А по теме: такое происходит тогда, когда незакрыт или недописан где-то тег. Вот оно:

"<a href="#">Подписка на новости</a"

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

Edited May 1, 2011 by flagreit

[psywalker]

А по теме: такое происходит тогда, когда незакрыт или недописан где-то тег. Вот оно:

"<a href="#">Подписка на новости</a"

Да я бы там всё с нуля переверстал вообще.

[tt48]

Картинку нашел (которая внизу слева "brother at" чего-то там)

Проблемы с bg не увидел.. учитывая, что картинка внутри ссылки не имеет

отступов - вообще не понятно, про какой фон может идти речь.

[flagreit]

Да я бы там всё с нуля переверстал вообще.

Да уж уверен, что не только ты.

[Temiks]

А зачем делать меню на дивах, ведь есть же для этого элемент UL?

согласен тоже, но в ие6 появляются не нужные отступы

Ну увидел на странице не нужного меню, не красного цвета.

(внизу)

[psywalker]

А зачем делать меню на дивах, ведь есть же для этого элемент UL?

согласен тоже, но в ие6 появляются не нужные отступы

Бред полный. Всё зависит от рук верстальщика и от его опыта.

[Temiks]

меню не на дивах, а только бг на них

Картинку нашел (которая внизу слева "brother at" чего-то там)

Проблемы с bg не увидел.. учитывая, что картинка внутри ссылки не имеет

отступов - вообще не понятно, про какой фон может идти речь.

у "brother at" не должно быть бг то есть красного цвета

Бред полный. Всё зависит от рук верстальщика и от его опыта.

это мой четвертый макет, по этому не все класс

И количество контейнеров удивило.

количество контейнеров большое потому что макет резиновый, что по ширине экрана что и по количеству контента

[psywalker]

у "brother at" не должно быть бг то есть красного цвета

А я чё то не нашёл "brother at"

[Temiks]

у "brother at" не должно быть бг то есть красного цвета

А я чё то не нашёл "brother at"

[tt48]

FF3.6 - нету никакого красного фона, зато есть чудесный фон рядом - весь центральный.

В хроме фон везде обычный, никаких цветов.

В опере только красный. С этого и надо было начинать, ё-моё.

придетсся в угрюмом DragonFly ковыряться

    <a href="#">Подписка на новости</a>

Как уже выше указали, проблема в последней угловой скобке.

Точнее: её надо поставить.

Edited May 1, 2011 by tt48

[Temiks]

А по теме: такое происходит тогда, когда незакрыт или недописан где-то тег.

в том то и дело что верстка валидна http://validator.w3.org/check?uri=http%3A%2F%2Fatemiks.wen.ru%2Ftest%2Fautopapyrus.html&charset=%28detect+automatically%29&doctype=Inline&group=0

FF3.6 - нету никакого красного фона, зато есть чудесный фон рядом - весь центральный.

В хроме фон везде обычный, никаких цветов.

в ff 4.0.1 есть

в хроме 11 есть

во всех версиях ие тоже есть

[psywalker]

brother at

Я именно такого класса нигде на элементах не увидел.

[Temiks]

точно, спасибо большое всем участникам этой темы, странно что такую ошибку не заметил validator.w3

brother at

Я именно такого класса нигде на элементах не увидел.

это был не класс, а на картинке написано

[flagreit]

Убери отступы в том месте, где я указал раннее. Тогда всё нормально будет, проверил.

[tt48]

psywalker: это не класс, это надпись на картинке

Edited May 1, 2011 by tt48

[psywalker]

psywalker: это не класс, это надпись на картинке

Ааа, ясно