X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Кривое отображение блоков li в IE6
borod
borod
Topic Starter сообщение 21.11.2010, 17:42; Ответить: borod
Сообщение #1


Добрый день.
Не давно обнаружил, что одна страница сайта криво отображается в IE 6!

Нормальное отображение в Opera Fox
[IMG]http://www.kidlife.kiev.ua/reklama/norm.jpg[/IMG]

Кривое отбражение IE6, блок сместилися вниз!
[IMG]http://www.kidlife.kiev.ua/reklama/kr.jpg[/IMG]

Код 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 script:print();">Распечатать</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;
}
В чём может быть проблема и как исправить?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
borod
borod
Topic Starter сообщение 21.11.2010, 18:09; Ответить: borod
Сообщение #2


Вопрос решил.
Добавил
float:left; margin-right: 3px
в
#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;
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
panchenko_anton
panchenko_anton
сообщение 28.11.2010, 23:55; Ответить: panchenko_anton
Сообщение #3


Вот это да, как всё идеально расписано 5+, так бы все описывали свои проблемы!

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) ПРОЦЕССИНГ НА РУ-КАРТЫ, КИВИ, СИМ С ГАРАНТИЕЙ ОТ БЛОКОВ
0 Dark_process 994 7.11.2022, 13:48
автор: Dark_process
Открытая тема (нет новых ответов) Отображение нужного блока при клике.
0 bhtml 1651 10.7.2020, 15:18
автор: -bhtml-
Открытая тема (нет новых ответов) Нужен дизайнер для прорисовки блоков на сайте
3 kolyas 1581 12.5.2020, 21:24
автор: kolyas
Открытая тема (нет новых ответов) Правила обертывание блоков
1 sergei_burg 5588 17.10.2016, 19:34
автор: -Degradator-
Открытая тема (нет новых ответов) Растягивание блоков ,оцентровка
2 DONit09 6066 16.5.2016, 17:57
автор: -DONit09-


 



RSS Текстовая версия Сейчас: 29.3.2024, 19:54
Дизайн