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



 

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

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

Открыть тему
Тема закрыта
> Кривое отображение блоков Li в Ie6, Опять IE6
borod
borod
Topic Starter сообщение 6.12.2010, 13:50; Ответить: borod
Сообщение #1


Добрый день.
Опять столкнулся с проблемой кривого отображения в IE6! В FF и Opera всё нормально.
Чего уже не делал, не помогает!
------------------------------------------------------------------
Расположение блоков li в FF и Opera нормальное.
[IMG]http://eo4321.kidlife.com.ua/0/ff.jpg[/IMG]

В IE6 сползает вниз блок <li id="your_account">.
[IMG]http://eo4321.kidlife.com.ua/0/fe.jpg[/IMG]

КОД HTML -------------------------------------------------------------
[xcode=html]<div id="header_user">
<p id="header_user_info">
Добро пожаловать,<a href="http://eo4321.kidlife.com.ua/my-account.php">Вход</a>
</p>
<ul id="header_nav">
<li id="shopping_cart">
<a title="Ваша корзина" href="http://eo4321.kidlife.com.ua/order.php">Корзина:</a>
<span class="ajax_cart_quantity hidden"></span>
<span class="ajax_cart_product_txt hidden">товар</span>
<span class="ajax_cart_product_txt_s hidden">товара</span>
<span class="ajax_cart_product_txt_d hidden">товаров</span>
<span class="ajax_cart_total hidden">0 грн.</span>
<span class="ajax_cart_no_product">(пустая)</span>
</li>
<li id="your_account">
<a title="Ваш аккаунт" href="http://eo4321.kidlife.com.ua/my-account.php">Ваш аккаунт</a></li>
</ul>
</div>[/xcode]
КОД CSS -------------------------------------------------------------
<div id="header_user">
[xcode=css]#header_right #header_user {
background-image: url("../img/logo_1.jpg");
background-repeat: no-repeat;
float: right;
font-weight: bold;
height: 40px;
width: 980px;[/xcode]<p id="header_user_info">
[xcode=css]#header_user p {
color: #595A5E;
padding-right: 3px;[/xcode]<ul id="header_nav">
[xcode=css]#header_user ul {
padding-right: 3px;
padding-top: 0.3em;[/xcode]<li id="shopping_cart"> <li id="your_account">
[xcode=css]#header_user li {
display: inline;
float: right;
line-height: 18px;
white-space: nowrap;[/xcode]Где копать?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
borod
borod
Topic Starter сообщение 9.12.2010, 13:09; Ответить: borod
Сообщение #2


Поставил хак для IE 6
#header_user li#your_account { _position: absolute; _right: 168px; _top: 91px}
Всё заработало!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Пират_hb
Пират_hb
сообщение 10.12.2010, 19:24; Ответить: Пират_hb
Сообщение #3


Тоже проблема отображение в ие. Товарищи помогите исправить:
Вот так должно отображаться, и отображается в браузерах(гугл,фаер):
http://www.moto-hobby.ru/accessories/1.png
А вот так не надо как в ие отображается и нужно как-то исправить:
http://www.moto-hobby.ru/accessories/2.png
[CSS]
div.brands_group
{margin-bottom: 20px;}

div.brands_group a {
display:inline-block;
width: 124px;
height: 155px;
margin: 0 30px 10px 0;
text-align: center;
text-decoration: none;
background: url(image/image1/back_cat_list_sprite.gif) no-repeat 2px 0;
font-family: tahoma, arial, sans-serif;
font-size: 70%;
color: #406090;
font-weight: bold
}

div.brands_group a:hover { background-position: 2px -200px;}

div.brands_group img {padding: 9px 9px 4px 9px; margin-bottom: 10px;}

br.clear { clear: both;}
[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
FightInGlory
FightInGlory
сообщение 10.12.2010, 19:44; Ответить: FightInGlory
Сообщение #4


Структуру не покажите?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Пират_hb
Пират_hb
сообщение 10.12.2010, 20:25; Ответить: Пират_hb
Сообщение #5


(FightInGlory @ 10.12.2010, 21:44) *
Структуру не покажите?

Это?

<div id="brands_group" class="brands_group">

<a href="/accessories/index_kofri.html"><img src="image/image1/kofri.jpg" border="0" /><br />
Кофры</a>
<a href="/accessories/nakleiki.html"><img src="image/image1/nakleiki.jpg" border="0" /><br />
Наклейки</a>
<a href="/accessories/setki.html"><img src="image/image1/setki.jpg" border="0" /><br />
Сетки</a>
<a href="/accessories/chexli.html"><img src="image/image1/chexol.jpg" border="0" /><br />
Чехлы</a>
<a href="/accessories/gryziki.html"><img src="image/image1/gryziki.jpg" border="0" /><br />
Грузики руля</a>
<a href="/accessories/zamki.html"><img src="image/image1/gryziki.jpg" border="0" /><br />
Противоугонные замки</a>
<br class="clear" />
</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
FightInGlory
FightInGlory
сообщение 11.12.2010, 12:24; Ответить: FightInGlory
Сообщение #6


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
<style>
div.brands_group
{margin-bottom: 20px;}
.brands_group img{
border:0;
}
div.brands_group a {
float:left;
width: 124px;
height: 155px;
margin: 0 30px 10px 0;
text-align: center;
text-decoration: none;
background: url(image/image1/back_cat_list_sprite.gif) no-repeat 2px 0;
font-family: tahoma, arial, sans-serif;
font-size: 70%;
color: #406090;
font-weight: bold;
border:1px solid red;
}
div.brands_group a:hover { background-position: 2px -200px;}
div.brands_group img {padding: 9px 9px 4px 9px; margin-bottom: 10px;}
br.clear { clear: both;}
</style>
</head>

<body>
<div id="brands_group" class="brands_group">
<a href="/accessories/index_kofri.html">
<img src="test.png" alt="" />
<br/>
Кофры
</a>
<a href="/accessories/nakleiki.html">
<img src="test.png" alt="" />
<br/>
Наклейки
</a>
<a href="/accessories/setki.html">
<img src="test.png" alt="" />
<br/>
Сетки
</a>
<a href="/accessories/chexli.html">
<img src="test.png" alt="" />
<br/>
Чехлы
</a>
<a href="/accessories/gryziki.html">
<img src="test.png" alt="" />
<br/>
Грузики руля
</a>
<a href="/accessories/zamki.html">
<img src="test.png" alt="" />
<br/>
Противоугонные замки
</a>
<br class="clear"/>
</div>
</body>
</html>

Уберете красный бордер и поменяете линки на картинки. Я убрал бордеры у картинок, прописал в css и вписал в картинки атрибут atl="" это для валидации. Вообще если можно вместо <img src="..." alt=""/> используйте какой-то контейнер скажем <span> ему ставите размеры и display:block, и пихаете в него фон, который будет хранить все картинки и позицией подставляйте. Почему так лучше, потому что это будет один запрос на сервер, а не 6 как у вас.
Если вам такое нужно, но вы не знаете как сделать или не поняли, пишите.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Пират_hb
Пират_hb
сообщение 11.12.2010, 13:10; Ответить: Пират_hb
Сообщение #7


Попробовал данным способ, изменив css. Получил эффект ie во все браузерах.!
Дописал атрибут margin-top:5px; в div.brands_group img в ie стало получше, приблизительно как и во остальных браузерах. А как прописать это условия только для браузера ie?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Пират_hb
Пират_hb
сообщение 11.12.2010, 13:37; Ответить: Пират_hb
Сообщение #8


Победил я эту гадость))
Дописал в div.brands_group img:
[CSS]
//margin-top:5px; /* для ie*/
//margin-bottom: 20px; /* для ie*/
[/CSS]

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) ПРОЦЕССИНГ НА РУ-КАРТЫ, КИВИ, СИМ С ГАРАНТИЕЙ ОТ БЛОКОВ
0 Dark_process 993 7.11.2022, 13:48
автор: Dark_process
Открытая тема (нет новых ответов) Отображение нужного блока при клике.
0 bhtml 1649 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, 10:25
Дизайн