B
borod
Добрый день.
Не давно обнаружил, что одна страница сайта криво отображается в IE 6!
Нормальное отображение в Opera Fox
Кривое отбражение IE6, блок сместилися вниз!
Код html----------------------
Правила CSS---------------
<div id="pb-right-column">
<ul id="usefull_link_block">
<li>
<a href="java scriptrint();">Распечатать</a>
<span class="span_link" id="view_full_size">Увеличить</span>
В чём может быть проблема и как исправить?
Не давно обнаружил, что одна страница сайта криво отображается в IE 6!
Нормальное отображение в Opera Fox
Кривое отбражение IE6, блок сместилися вниз!
Код html----------------------
Код:
<div id="pb-right-column">
.....
<ul id="usefull_link_block">
<li>
<a href="java script:print();">Распечатать</a>
</li>
<li>
<span class="span_link" id="view_full_size">Увеличить</span>
</li>
</ul>
</div>
Правила CSS---------------
<div id="pb-right-column">
Код:
#primary_block #pb-right-column {
float:left;
padding:5px;
width:310px;}
<ul id="usefull_link_block">
Код:
#primary_block ul#usefull_link_block {
list-style-type:none;
margin:18px 22px;
}
<li>
Код:
#primary_block ul#usefull_link_block li {
background:none repeat scroll 0 0 #CCCBCB;
border:1px solid #374853;
display:inline-block;
font-size:11px;
font-weight:bold;
height:20px;
text-align:center;
width:78px;
}
* {
margin:0;
padding:0;
}
Унаследовано отul#usefull_link_block
#primary_block ul#usefull_link_block {
list-style-type:none;
}
<a href="java scriptrint();">Распечатать</a>
Код:
#primary_block ul#usefull_link_block li a, #primary_block ul#usefull_link_block
span.span_link, #primary_block ul#usefull_link_block span.span_link:hover {
color:#374853;
line-height:1.8;
text-decoration:none;
}
a {
color:#5D717E;
outline:medium none;
text-decoration:underline;
}
<span class="span_link" id="view_full_size">Увеличить</span>
Код:
#primary_block ul#usefull_link_block li a, #primary_block ul#usefull_link_block span.span_link, #primary_block ul#usefull_link_block span.span_link:hover {
color:#374853;
line-height:1.8;
text-decoration:none;
}
.span_link {
cursor:pointer;
}
В чём может быть проблема и как исправить?