проблема с фоновым изображением в IE8 - PullRequest
Новая
       10

проблема с фоновым изображением в IE8

0 голосов
/ 27 ноября 2010

Я пробовал различные исправления, но все еще не могу решить эту довольно раздражающую проблему в IE8.У меня есть контейнер Div, содержащий два дочерних элемента Div, один с плавающей точкой слева, а другой с плавающей точкой справа.К контейнеру DIV применяется фоновое изображение, которое отображается как в ie6 и ie7, однако в ie8 оно просто не появится.Я думаю, что проблема заключается в том, что верхний отступ, примененный к обоим дочерним элементам, не соблюдается / не применяется ie8, а поскольку фоновое изображение имеет высоту всего 11 пикселей, два дочерних элемента располагаются заподлицо с родительским DIV, и поэтомуфоновое изображение не отображается.

Вот мой код и CSS: 

       <div id="bottom">

        <div class="moduletable_footermenu">
     <ul class="menu"><li class="item56"><a href="/~domain/index.php?option=com_content&amp;view=article&amp;id=52&amp;Itemid=56"><span>Class Schedule</span></a></li><li class="item57"><a href="/~domain/index.php?option=com_content&amp;view=section&amp;layout=blog&amp;id=4&amp;Itemid=57"><span>Testimonials</span></a></li><li class="item58"><a href="/~domain/index.php?option=com_content&amp;view=article&amp;id=53&amp;Itemid=58"><span>Contact</span></a></li><li id="current" class="active item59"><a href="/~domain/index.php?option=com_xmap&amp;sitemap=1&amp;Itemid=59"><span>Sitemap</span></a></li></ul>  </div>

   <div class="moduletable">
     Copyright &#169; -2010 sitename   </div>


  </div><!--end of bottom -->

CSS: 

div#bottom {
clear:both;
width:1014px;
margin:0px auto; 
background:url(../images/footer-shadow.gif) top no-repeat;
}

div#bottom div.moduletable {
width:400px;
float:left;
font-size:0.9em;
color:#ccc;
padding:15px 0px 15px 0px;
}

div .moduletable_footermenu{
float:right;
padding:15px 30px 15px 0px;
}

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

Благодарен за любую помощь.

Заранее спасибо.

1 Ответ

0 голосов
/ 27 ноября 2010

Вы пробовали Firefox и Chrome / Safari?Вы использовали стандартный DOCTYPE?Они должны вести себя так же, как IE8.

В стандартном CSS высота контейнера не будет корректироваться по высоте всплывающих окон;Я ожидаю, что IE8 не будет отображать контейнер (height = 0px), поскольку он является более совместимым со стандартом браузером.

Если вы ищете эффекты в IE6 / 7 в стандартном совместимом браузере, найдитеРешения «clearfix».

...