Jump to content
  • 0

div и браузеры


Temiks
 Share

Question

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

верстаю меню

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

код 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

Link to comment
Share on other sites

17 answers to this question

Recommended Posts

  • 0

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

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

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

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

Edited by flagreit
  • Like 2
Link to comment
Share on other sites

  • 0
  On 5/1/2011 at 1:55 PM, flagreit said:

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

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

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

Link to comment
Share on other sites

  • 0

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

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

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

Link to comment
Share on other sites

  • 0
  On 5/1/2011 at 1:49 PM, psywalker said:

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

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

  On 5/1/2011 at 1:49 PM, psywalker said:

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

s_1304258942_614b49b97f.png (внизу)

Link to comment
Share on other sites

  • 0
  On 5/1/2011 at 2:07 PM, Temiks said:
  On 5/1/2011 at 1:49 PM, psywalker said:

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

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

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

Link to comment
Share on other sites

  • 0

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

  On 5/1/2011 at 2:01 PM, tt48 said:

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

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

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

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

  On 5/1/2011 at 2:09 PM, psywalker said:

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

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

  On 5/1/2011 at 1:57 PM, flagreit said:

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

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

Link to comment
Share on other sites

  • 0

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

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

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

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


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

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

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

Edited by tt48
  • Like 1
Link to comment
Share on other sites

  • 0
  On 5/1/2011 at 1:57 PM, flagreit said:

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

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

  On 5/1/2011 at 2:19 PM, tt48 said:

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

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

в ff 4.0.1 есть

в хроме 11 есть

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

Link to comment
Share on other sites

  • 0

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

  On 5/1/2011 at 2:26 PM, psywalker said:
  Quote
brother at

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

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy