JS меню ми размества дизайна в ИЕ при resize на прозореца

[zareva_rositsa]

Здравейте,

написах си едно хоризонтално появяващо се и скриващо се js меню, като ползвах ul с display: none; самия ul е с position:absolute, а пък парента му, който също е ul (главното меню), е с position:relative. Въпреки това, в ие при преоразмеряване на прозореца, html елементите се размесват. Знае ли някой как да го фикс-на?

[/img]

 

[emcuemnecu]

<style type="text/css">
.МЕНЯ-ТО li a{ /* това е стойност, която важи за IE */
width: 100%;
}
</style>

 

[zareva_rositsa]

На меню-парент или на подменюто, защото май пробвах навсякъде, ама нещо не ми се получава

 

[emcuemnecu]

Ако искаш мога да ти дам css style за друго меню, което лесно може да си го преработиш както желаеш, но не е JS а си е чисто CSS

 

[zareva_rositsa]

благодаря ти, , ама искам да си подкарам мойто - сама съм си писала кода и държа на него

 

[emcuemnecu]

Добре. Ако искаш пастни кода, че то така може да се стреля насоки къде е проблема.

 

[zareva_rositsa]

ами, хтмл отрязък на главното меню и подменюто:

<tr style="position: relative">
								<td width="169"  class="menu_td">
									<ul class="menu" id="color">
									<li class="item1" ><a href="index.html">Начало</a></li>
										
									<li id="sub_menu" class="item2" ><a href="#nogo">За фирмата</a>
									<ul class="menu_us" id="menu_us">
									<li class="item1" ><a href="index-1.html">История</a></li>
									<li class="item2"><a href="index-1.html">Нашата дейност</a></li>
									
									</ul></li>
									<li class="item3"><a href="index-21.html">Продукти и услуги</a></li>
									<li class="item4"><a href="index-3.html">Галерия</a></li>
									<li class="item5"><a href="index-4.html">Контакти</a></li>
									</ul>
									
									</td>

и цсс:

.menu_td 
{	background:url(images/bg_1.jpg) top repeat-y; margin: 0px; padding:45px 0 31px 61px; height: 219px;	position: relative }

* html .menu_td {	height: 1px;	padding:45px 0 34px 61px;}
.menu{list-style-type: none;margin: 0px;padding: 0px;position: relative;  }
.menu li
{
	margin: 0px 0px 0px 0px;
	
	list-style-type: none;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	text-indent: 23px;
	color: #fffffd;
	width: 100%; 
}
.menu li a {	margin: 0px 0px 0px 0px;	padding: 0px;	list-style-type: none;	font-family: Tahoma;	font-size: 12px;	font-weight: bold;	text-indent: 23px;	color: #fffffd;	text-decoration: none; }
.menu li a:hover {	margin: 0px 0px 0px 0px;	padding: 0px;	list-style-type: none;	font-family: Tahoma;	font-size: 12px;	font-weight: bold;	text-indent: 23px;	color: #4f4f4f;	text-decoration: none;}
.menu_us{	margin: 0px;	padding: 0px;	position: absolute;	left: 110px;	top: 30px;	 }
#menu_us{display: none}
.menu_us li{	list-style-type: none;	font-family: Tahoma;	font-size: 12px;	font-weight: bold;	color: #fffffd;	}
.menu_us li.item1{margin: 0px;padding: 0px;height:22px;width: 168px;background:url(images/m_1.jpg) no-repeat;display: block;}
.item1{margin: 0px;padding: 0px;height:26px;width: 168px;background:url(images/m_1.jpg) no-repeat;display: block;}
* html .item1 {	margin: 0px;padding: 0px;height:22px;width: 168px;background:url(images/m_1.jpg) no-repeat;display: block;}
.item2{margin: 0px;padding: 6px 0px 0px 0px;height:26px;width: 168px;background:url(images/m_2.jpg) no-repeat;display: block;}
*html .item2{margin: 0px;padding: 5px 0px 0px 0px;height:29px;width: 168px;background:url(images/m_2.jpg) no-repeat;display: block;}
.item3{margin: 0px;padding: 4px 0px 0px 0px;height:23px;width: 168px;background:url(images/m_3.jpg) no-repeat;display: block;}
*html .item3{margin: 0px;padding: 4px 0px 0px 0px;height:24px;width: 168px;background:url(images/m_3.jpg) no-repeat;display: block;}

за li-тата, които са от клас .item(1, 2, 3 и т.н.) има още, ама те са идентични
Друго трябва ли?

 

[shterev]

пробай да сложиш ширина на таблицата

 

[zareva_rositsa]

E кой, ако не Щерев!? С width="1000" работи