Меню с тегами ul li отступ слева во всех IE

Frie · December 8, 2010

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

Вот уже неделю бьюсь над тем что в IE почемуто слева отступ

вот код , я его конечно упростил

.menu{margin:0; padding:0; width:167px; list-style:none;background:rgb(255,255,255);}
.menu li{padding:0; margin:0 0 1px 0; height:40px; display:block; }

<ul class="menu">
  <li><a href="news.php"><span>Новости</span></a></li>
  <li><a href="dop.php" target="_parent"><span>Дополнительно</span></a></li>
  <li><a href="news.php"><span>Новости</span></a></li>
  <li><a href="ad.php" target="_self"><span>Еще</span></a></li>
</ul>

как победить этот отступ? указание padding-left и margin-left одному 0 а другому 1em не помогает

runet · December 8, 2010

Какой именно отступ? В приведённом тобой коде всё нормально. Ну на всякий случай попробуй

html,body{ margin:0; padding:0;}

Edited December 8, 2010 by runet

Mr Loga · December 9, 2010

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

А так попробуй хаки написать на ие для списков, и поставь им margin-left: -(Количество требуемых отступов) но ничего гарантировать не могу, так как это спонтанно было выдвинуто и наверняка никто не знает, может это не списки виноваты. Выложи ссылку и тебе помогут.

Frie · December 9, 2010

вот ссылка страничка с меню

код специально упростил.

в ff к левому краю меню плотно прилегает, а вот в ИЕ отступ

eVErl@Sting · December 9, 2010

		<UL class=menu>
		  <LI><A class=active 
		  href="http://www.djimara.ru/news.php"><SPAN>Новости</SPAN></A> </LI>
		  <LI><A href="http://www.djimara.ru/news.php"><SPAN>Новости</SPAN></A> 
		  </LI>
		  <LI><A href="http://www.djimara.ru/dop.php" 
		  target=_parent><SPAN>Дополнительно</SPAN></A> </LI>
		  <LI><A href="http://www.djimara.ru/news.php"><SPAN>Новости</SPAN></A> 
		  </LI>
		  <LI><A href="http://www.djimara.ru/ad.php" 
		  target=_self><SPAN>Еще</SPAN></A> 
		  <UL></UL></TD></TR></LI></UL>

Лишние тэги какие то в конце, смотри

и дальше:

 <TBODY></TBODY></TABLE></TD>

Измени в шапке первую строчку на эту:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

И все у тебя будет ок.

Вообще следи за лишними тэгами, не знаю какую прогу ты юзаешь для верстки, но рекомендую хотя бы Дрим вывер CS5 себе поставь..

Edited December 9, 2010 by eVErl@Sting

Sign In

Меню с тегами ul li отступ слева во всех IE

Question

Frie

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

runet

Link to comment

Share on other sites

Mr Loga

Link to comment

Share on other sites

Frie

Link to comment

Share on other sites

eVErl@Sting

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information