Vamos falar sobre o jogo do menu flutuante novamente

Ontem vi um post do goos usando ucweb: Quem disse que o menu Float não pode ser centralizado horizontalmente ? Entrei e dei uma olhada e descobri que o método era um pouco complicado, usando margens negativas, position:relativel e alguns; hacks.

Tenho aqui um jeito mais simples, que vou mostrar primeiro:
Na verdade, eu deveria ter colocado outro mergulho lá fora, mas para reduzir as emissões de carbono, descartei-o.

Execute a caixa de código
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
http://www.w3.org/1999/xhtml ">

• Página inicial


• Notícias


• Loja


• Grupo


• Comunidade


• Ajuda

[Ctrl+A Selecionar todas as dicas: você pode modificar parte do código primeiro e depois pressionar Executar]

O mais crucial é esta frase:

Para cuidar das versões inferiores do IE, comentários condicionais são usados ​​​​aqui. Parece que no IE7 e anteriores, a função display:inline é equivalente a inline-block;.

A navegação por porta deslizante evoluiu a partir do código acima:

Execute a caixa de código
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
http://www.w3.org/1999/xhtml ">

• Página inicial


• Notícias


• Loja


• Grupo


• Comunidade


• Ajuda

[Ctrl+A Selecionar todas as dicas: você pode modificar parte do código primeiro e depois pressionar Executar]

Dentre elas, essas duas frases precisam ser explicadas para não serem consideradas redundantes:

#navigation li a{overflow:hidden;} /* Oculta os 3px eliminados pelo IE5.5 e 6. Não é um bug de 3px! Porque height:30px;line-height:33px; no IE5.5 e 6, a altura é 33px. */
#navigation li a span{cursor:hand;}/* Cuide do bug no IE 5.5, 6 e 7 onde o mouse não exibe o formato de uma mão quando colocado no span. Além disso, o IE5.5 não suporta cursor:pointer, mas todas as versões do IE reconhecem cursor:hand;*/

Está feito. A desvantagem é que escrever essa linha de comentários condicionais é como areia nos olhos de pessoas com misofobia de xhtml. Se você quiser se livrar disso, não há mal nenhum em usar um hack! hehe!

Nenhum problema foi encontrado no safari4, chrome, opera10, ie5.5, 5, 6, 7, ff3.