Не корректное отображение в ИЕ

[Temiks]

Добрый вечер.

Не корректное в ИЕ отображение списка который находятся в таблице, а в ФФ все ок, прошу помочь =)

Скрины

ФФ : http://imm.io/2F9K

ИЕ : http://imm.io/2F9M

Код css

.color_block {

border: 2px #808080 solid; /* Параметры рамки */

background: #E6E6E6; /* Цвет фона */

width: 180px;

margin: 10px;

}

em.bt, em.bt b, em.bb, em.bb b {

display: block; /* Блочный элемент */

height: 10px; /* Высота уголка */

font-size: 0; /* Размер шрифта */

background: url(../Atemiks.com/corners.png) no-repeat; /* Путь к файлу с уголками */

position: relative; /* Относительное позиционирование */

}

em.bt {

top: -2px; /* Сдвигаем левый верхний уголок вверх */

left: -2px; /* Сдвигаем влево */

}

em.bt b {

background-position: 100% -10px; /* Рисунок сдвигается к следующему уголку */

left: 4px; /* Сдвигаем вправо */

}

em.bb { background-position: 0 -20px; top: 2px; left: -2px; }

em.bb b { background-position: 100% -30px; left: 4px; }

.color_block .block_content {

}

UL{

width: 100%; /* Ширина меню */

list-style: none; /* Для списка убираем маркеры */

margin: 0; /* Нет отступов вокруг */

padding: 0; /* Убираем поля вокруг текста */

font-family: Tahoma; /* Рубленый шрифт для текста меню */

font-size: 14px; /* Размер названий в пункте меню */

}

LI A {

display: block; /* Ссылка как блочный элемент */

padding: 5px; /* Поля вокруг надписи */

text-decoration: none; /* Подчеркивание у ссылок убираем */

color: #666; /* Цвет текста */

border: 1px solid #ccc; /* Рамка вокруг пунктов меню */

background-color: #f0f0f0; /* Цвет фона */

border-bottom: 1px solid #ccc; /* Границу снизу не проводим */

}

LI A:hover {

color: white; /* Цвет текста активного пункта */

background-color: #26303C; /* Цвет фона активного пункта */

padding: 5px 5px 5px 20px;

font-family: Tahoma;

font-size: 18px;

}

Код html

<td id="leftcol" >

<div class="color_block" >

<em class="bt"><b> </b></em>

<div class="block_content">

<ul >

<li>

<a href="#" >» Обо мне</a>

</li>

<li>

<a href="#" >» Книги</a>

</li>

<li>

<a href="#" >» Игры</a>

</li>

<li>

<a href="#" >» Контакты</a>

</li>

</ul>

</div>

<em class="bb"><b> </b></em>

</div>

<a href="sait.com" title="Rambler's" ><img src="../Atemiks.com/top.png"></a>

</td>

[undina]

Методом научного тыка, нормально отображается если добавить

LI A {

width: 100%;

}

Интуитивно я понимаю поведение ИЕ6, но сформулировать логически сложно. Мастера, объясните пожалуйста, очень интересно.

[Temiks]

Методом научного тыка, нормально отображается если добавить

LI A {

width: 100%;

}

Интуитивно я понимаю поведение ИЕ6, но сформулировать логически сложно. Мастера, объясните пожалуйста, очень интересно.

Да , нормально теперь в ИЕ но в ФФ теперь стало так

скрин ФФ

http://imm.io/2Fh5

[undina]

Да вы пропишите стиль для ИЕ6 отдельно

[Temiks]

Да вы пропишите стиль для ИЕ6 отдельно

это не только в ИЕ6 а у меня и в ИЕ8 также

Не подскажете как начать писать стиль для ИЕ?

[undina]

Посмотрите вот тут http://htmlbook.ru/content/uslovnye-kommentarii

и тут http://htmlbook.ru/content/khaki

Можно создать отдельную таблицу стилей для ИЕ. Вот например, я делала так

<!--[if lte IE 6]><link rel="stylesheet" href="style_ie.css" type="text/css" media="screen, projection" /><![endif]-->

это в html

а в файле style_ie.css стиль только для ИЕ6. Вы можете писать просто ИЕ

[Temiks]

Посмотрите вот тут http://htmlbook.ru/content/uslovnye-kommentarii

и тут http://htmlbook.ru/content/khaki

Можно создать отдельную таблицу стилей для ИЕ. Вот например, я делала так

<!--[if lte IE 6]><link rel="stylesheet" href="style_ie.css" type="text/css" media="screen, projection" /><![endif]-->

это в html

а в файле style_ie.css стиль только для ИЕ6. Вы можете писать просто ИЕ

огромное вам спасибо, помогло

[undina]

Да не за что. Теперь у меня вопрос к знающим, как объяснить такое поведение ИЕ?

Я пыталась гуглить, ничего не нашла.

[Temiks]

Да не за что. Теперь у меня вопрос к знающим, как объяснить такое поведение ИЕ?

Я пыталась гуглить, ничего не нашла.

да, мне тоже интересно почему так, надеюсь что объяснят