• 15 апреля стартует «Курс «SQL-injection Master» ©» от команды The Codeby

    За 3 месяца вы пройдете путь от начальных навыков работы с SQL-запросами к базам данных до продвинутых техник. Научитесь находить уязвимости связанные с базами данных, и внедрять произвольный SQL-код в уязвимые приложения.

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

    Запись на курс до 25 апреля. Получить промодоступ ...

Кривое отображение блоков Li в Ie6

  • Автор темы borod
  • Дата начала
B

borod

Добрый день.
Опять столкнулся с проблемой кривого отображения в IE6! В FF и Opera всё нормально.
Чего уже не делал, не помогает!
------------------------------------------------------------------
Расположение блоков li в FF и Opera нормальное.
link removed

В IE6 сползает вниз блок <li id="your_account">.
link removed

КОД 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>

КОД CSS -------------------------------------------------------------
<div id="header_user">
#header_right #header_user {
background-image: url("../img/logo_1.jpg");
background-repeat: no-repeat;
float: right;
font-weight: bold;
height: 40px;
width: 980px;

<p id="header_user_info">
#header_user p {
color: #595A5E;
padding-right: 3px;

<ul id="header_nav">
#header_user ul {
padding-right: 3px;
padding-top: 0.3em;

<li id="shopping_cart"> <li id="your_account">
#header_user li {
display: inline;
float: right;
line-height: 18px;
white-space: nowrap;
Где копать?
 
A

AlexanderC

ну раз размер стабильный можно указать position: absolute вашему <li> , при этом он будет как кол в земле =)
 
B

borod

у раз размер стабильный можно указать position: absolute вашему <li> , при этом он будет как кол в земле =)
Реальный совет.
Большущее спасибо!
Поставил хак для IE 6
#header_user li#your_account { _position: absolute; _right: 168px; _top: 91px}
Всё заработало!
 
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!