Tableless - Desenvolvimento inteligente com Padrões Web

14/07/2005
Geral

Problema – Deslocamento no Hover

Esse problema foi enviado pelo Antonio Maganhote. Ele me mostrou esse problema e me perguntando uma solução. Não vou explicar muito a origem do problema… Prefiro que vocês batam cabeça e descubram. Já resolvi aqui… Vou dar um tempo para …

Por


Esse problema foi enviado pelo Antonio Maganhote.
Ele me mostrou esse problema e me perguntando uma solução.

Não vou explicar muito a origem do problema… Prefiro que vocês batam cabeça e descubram.
Já resolvi aqui… Vou dar um tempo para vocês e depois posto!

Problema de deslocamento no Hover
O problema acontece com o IE, ao passar o mouse nas opções do menu.

Por Diego Eis

Diego Eis criou o Tableless para disseminar os padrões web no Brasil. Como consultor já treinou equipes de empresas como Nokia, Globo.com, Yahoo! e iG. É palestrante e empreendedor.

http://twitter.com/diegoeis/

Veja os outros posts de

  • Henrique Costa Pereira

    Cara, que código horrível!!!!!!!!!! Eu ia mexer por curiosidade e desisti! Faço aquele mesmo efeito com 30% daquele código! Deus me livre!!!

  • http://novomundo.quinari.com.br Rafael Slonik

    div#lateral div#menu_a a {
    display:block;
    width:115px;
    height:21px;
    margin-bottom:5px;
    }

    TIRA esse margin bottom daí que tudo resolve-se…..no IE…porque o FF para de fazer o hover, mas pra isso é só criar uma propriedade desse link com um :hover.

  • Luiz Paulo

    Credo, nem tentei achar o problema, prefiro fazer o código css do zero!! Quem é que precisa disso tudo pra fazer um menu simples desse jeito!?

  • http://marcogomes.com MarcoGomes

    Cara, quem escreveu este código? Pra quê isso tudo?

    A galera tem razão, tem linhas de CSS demais nesse exemplo…

  • http://www.alexsouza.net/ Alex Souza

    Olá pessoal, queria saber se alguém poderia me ajudar em algo, estou implantando tableless no site daqui da empresa, eu estou começando pelo menu esquerdo, fiz a estrutura do menu com ul e li, depois criei uma página com o "css", só que estou tendo um probleminha com o Mozilla, no IE aparece normalmente o (border-bottom: 1,8px solid #7F8BBF;) Mas no Mozilla não está funcioando, eu já coloquei como (_border-bottom: 1,8px solid #7F8BBF;) e não funcionou…

    Se alguém puder, me dá essa forcinha ae…

    O Endereço do site é ( http://www.arcaun… )

    No IE, tá ok, mas no Mozilla fica mó fundão liso azul.

    Aguardo resposta…

    Obrigado!

  • http://aissegoo.sistemall.net aissegoo

    wOw!!! tava com um problema semelhante no menu (botão que abre um menu dropdown com as seções do meu blog) em meu site (aissegoo.sistemall.net). A solucao usar um hack _ pro IE e colocar outro valor de altura do menu. Ahh, não lembro exatamente o que eu fiz, não foi só o hack mais o hack ajudou muito. O que eu sei é que ta funcionando, pelo menos aqui. :)

    Valeu galera!

  • http://www.ewentos.com Cadu

    Calma pessoal!
    Vai ver o cara é iniciante!
    Eu faria esse menu com apenas uma imagem setando somente o posicionamente referente a cada link do menu.
    Mas, em relação ao problema no IE, não tenho tempo pra testar aqui pra ver o que tá rolando pois estou no trabalho.
    Mas é realmente sinistro.
    O código tá muito confuso!!!

  • jackson

    galera..aproveitando o tópico..tenho um problema parecido

    tenho um site com menu a esquerda e na direita tenho o div que recebe por include as paginas secundarias…e tenho um rodape abaixo que recebe o atributo clear: both; para ficar abaixo de qq conteudo inserido acima dele..so que no ie, qnd clico no menu e o conteudo é incluido no div da direita o rodape nao desce com o conteudo, so desce qnd eu passo o mouse no menu, que tem um :hover, ai o conteudo estica…mas so passando o mouse no menu :( …alguem ja viu disso?

    FF, OP, MOZ, NS funciona certinho..

    []‘s
    jack

  • Roberto Almeida Longhi

    Ia fazer o comentário parecido com o do Henrique ai eu desisti … hehehe mas de boa … não sou expert mas eu vi o código e achei super confuso … de cara eu já desisti … cansei de quebrar a cabeça com essas coisas … normalmente já faço o CTRL + A e delete … e começo tudo de novo …

  • sergio rodrigues giraldo

    Tire todos os span "vazio" e tudo se resolve (Rafael, deste jeito ainda funciona no FF)