Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

CuecaX

Bug com <li> e <span> no Internet Explorer

Recommended Posts

no final da lista, aleatoriamente repete um dos itens (raramente repete mais)

e as vezes nao aparece nada funcionando normal...

 

se nao contecer com vcs vai adicionando itens no fim da lista q uma hora vai aparecer.

 

e na verdade eu nem sei se é referente ao UL LI ou SPAN... so sei q so acontece no IE6 <_<

 

-------------------------------------------

olha ae

 

trecho do CSS:#conteudo .menu_categorias {	float:left; width:80%; position:relative; top:-1px;	}#conteudo .menu_categorias li {	float:right; background-color:#ddd; border:solid 1px #fff; width:203px;	}#conteudo .menu_categorias li a {	display:block; padding:4px; text-decoration: none; font-size:12px; color:#777;	font-family: 'Myriad Pro', 'Arial Narrow', Tahoma, Arial; font-weight:bold;	}/* estados de hover  OPCIONAL PRA TESTAR */#conteudo .menu_categorias li a:hover { background-color:#eee; color:#fff; } /* padrão */#conteudo .menu_categorias li.admin a:hover { background-color:#0089ce; }#conteudo .menu_categorias li.agron a:hover { background-color:#6cad1f; }#conteudo .menu_categorias li.artes a:hover { background-color:#f0ae00; }#conteudo .menu_categorias li.jardi a:hover { background-color:#ee8761; }#conteudo .menu_categorias li.compo a:hover { background-color:#9580b5; }#conteudo .menu_categorias li.infor a:hover { background-color:#235aa5; }#conteudo .menu_categorias li.educa a:hover { background-color:#007e2e; }#conteudo .menu_categorias li.vesti a:hover { background-color:#ea870e; }#conteudo .menu_categorias li.medic a:hover { background-color:#cd0020; }#conteudo .menu_categorias li.jurid a:hover { background-color:#543985; }TRECHO DO HTML:<div id="conteudo">			   <div class="menu_categorias" style="background:color:red">					<ul style="background:color:gray">						<li class="artes" style="display:none">bla</li>						<li class="admin">ble</li>						<li class="agron">bli</li>						<li class="compo">blo</li>						<li class="admin">blu</li>						<li class="agron">bla2</li>						<li class="compo">ble2</li>						<li class="admin">bli2</li>						<li class="medic">blo2</li>						<li class="jurid">blu2</li>					</ul>					<div style="clear:both"> </div>				</div></div>
aparece aleatoriamente no espaço q sobra embaixo do div um "blu2", "blo2", "bli2" ou ate mesmo "lu2" ou só "bl", é bizarro pra KCT!!!!

 

*** se trocando os <UL> e <LI> por <SPAN> da um bug parecido. ***

 

 

 

da o mesmo problema tanto se eu usar ou nao usar um HOVER no menu.

 

 

 

<_< ta me dando nojo esse bug <_<

 

alguem ja teve um problema parecido???

como eu contorno esse problema?

 

valeu gente

 

 

EDIT:

Subi aqui:

http://www.brasilshop.com.br/design/cresca/teste/menu.htm

Compartilhar este post


Link para o post
Compartilhar em outros sites

Por acaso no seu html tem comentários? Se tiver retire, às vezes resolve[]'s

Compartilhar este post


Link para o post
Compartilhar em outros sites

Por acaso no seu html tem comentários? Se tiver retire, às vezes resolve[]'s

nao tem :/EDIT: na verdade tinha alguns, mas tirei todos e nao resolveu do mesmo jeito :(eu subi aqui pra vcs verem o problema: http://forum.imasters.com.br/public/style_emoticons/default/excl.gif http://www.brasilshop.com.br/design/cresca/teste/menu.htmtenho q explicar mais umas coisinhas q percebi agora:um dos menus ha 10 itens, mas apenas 9 podem aparecer por vez, e um fica com "display:none"descobri q se eu apagar a linha ao inves de esconde-la, para de ocorrer o problema no IE.MAS eu NAO posso fazer isso... a linha tem q estar la pra ser escondida dinamicamente :(tem um outro meio?ah! e o item de Menu q se esconde é a categoria q vai abrir no menu ao lado, sacou?-----------------------------------Mas isso eh so parte do problema, no menu ao lado ocorre a mesma coisa (mas eu nao usei <LI> a pedido do pessoal aqui a vai programar essa parte, pura preguiça deles popularem o html, eles querem usar componentes prontos :P)é so fazer o teste de tirar e colocar itens no menu e ver o q acontece tb.é isso :unsure: demorei um tempão pra fazer as paginas q preciso e empaco no menu por causa do Bosternet Explorer, lamentavel http://forum.imasters.com.br/public/style_emoticons/default/closedeyes.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

nao sei se vcs conhecem esse serviço, asm eh muito interessante:

 

http://browsershots.org/website/http://www...sos.htm#success

 

tirei screenshots em varios browsers... da pra ver q so da problema na versao 6 do IE (no 7 fica perfeito e no 5.5 quase, so tem os probleminhas de box model faceis de resolver)

 

--------------

 

ja q so ocorre no ie acho q vou colocar tipo um

 

<!--IF [iE 6]> <DIV BRANCO TAPA BURACO>

q vcs acham?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Acho que no caso nem precisa colocar soh pro IE6, deixa a div fantasma pra todos os browsers mesmo...[]'s

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.