в ie после завершения li и ul образуется отступ - не понял

[walaby]

Здравствуйте!

читал недавний топик http://forum.htmlbook.ru/index.php?showtopic=6752

но так и не разобрался...

я делаю вертикальное меню, и после него вниз идет отступ, правда только в **** ie. В том топике я так понял что человеку помогли, но в чем суть? может у меня не описан стиль для P ?

css:

ul#listed { border-bottom: 1px solid #000;
 list-style: none; }

 ul#listed li a { font-family: Arial;
 font-size: 14px;
 display: block;
 color: #000000;
 font-weight: bold;
 text-transform: uppercase;
 text-decoration: underline;
 margin: 8px;
 padding: 5px 5px 5px 7px;
 list-style: none; }

 ul#listed li a:hover { text-decoration: none;
 color: #fff;
 background: #3366ff; }

в php:

<ul id="listed">
 <li>
 <a href="<?php bloginfo('url'); ?>/calendar/">Календарь</a>
 <<<и так далее>>>
 </li>
 </ul>

что сделать?

Заранее благодарю!

[maddogrts]

обнулите маргины для ul и li

[walaby]

обнулите маргины для ul и li

дык.. так а я сделал их специально, чтобы при наведении на ссылку - она обосабливалась бэкграундом в блок с определенными маргинами.

[Vlad]

В IE много ошибок, в частности иногда приходится код писать в одну строку, а также специально для IE добавлять отступ с отрицательным значением.

[coldman]

1) пробел надо поставить между словом и закриваещим

Календарь(вот здесь пробел)

2) написать все меню без пробелов,

[*]Календарь

[*]

а отступ с отрицательным значением. это самое плохое, рекомендую первий вариант

[walaby]

1) пробел надо поставить между словом и закриваещим

Календарь(вот здесь пробел)

2) написать все меню без пробелов,

[*]Календарь

[*]

а отступ с отрицательным значением. это самое плохое, рекомендую первий вариант

Первый способ сработал! Я поставил после последнего пункта меню пробел и ie скушал)))

Coldman, Ты гений!!!

Всем ответившим огромное спасибо!!!

[EXEcutor_]

у меня похожая проблема. есть горизонтальное меню

•  
  
• текст
  
• 
  
• текст
  
• 
  
• текст
  
• 
  
• текст
  
• 
  
• текст
  
• 
  
• текст
  
• 
  
• текст
  
• 
  
• текст
  

css:

#menu {width:100%; line-height:normal;}

#menu ul {float:left; width:745px; height:26px; overflow:hidden; background: #c23216; list-style:none;}

#menu img {vertical-align:middle;}

#menu li {

float: left;

border-top: 2px solid #fff;

border-bottom: 2px solid #fff;

padding:4px;

background: #c23216;

color: #fff;

font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

cursor: pointer;

}

получается, что в IE между ul и img у ul появляется какой-то левый отступ справа, который никак не могу убрать...

[Dimitry Wolotko]

В проблемы верстки.

[walaby]

1. ну так ты все картинки завел в

• - чему тут удивляться

2. у тебя стоит паддинг везде - сделай все кроме правого

3. попробуй сделать в CSS "border: 0;"

4. достаточно поставить один

[*] (В начале списка и в конце), а список просто через Enter вести (НО НЕ ЧЕРЕЗ

)

PS: дай более подробно описание проблемы и объедини ее в один html-файл, так будет легче разобраться

[EXEcutor_]

http://www.liquidforce.com.ua/

[walaby]

в css измени строчку на:

#menu img {vertical-align:middle; display: block;}

или добавь display: block;

но у тебя в FF что-то едет все... посмотри

[EXEcutor_]

едет потому что я все убрал кроме проблемного места

а display:block; не помогает...

[EXEcutor_]

ну, сделайте мне подарок на Новый Год

[EXEcutor_]

ладно, я все решил абсолютным позиционированием...