Ir para conteúdo

POWERED BY:

Arquivado

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

rcdesign

espaço no IE

Por , em Desenvolvimento frontend

Recommended Posts

rcdesign    1

rcdesign
Postado

este site está me dando dois problemas com o menu superior, em abas, a questão, deste tópico é o espaço que o IE insere abaixo do menu... e que não aparece no FF..[Editado]alguém consegue descobrir como arrumar isso? Já alterei 'trocentas' divs e declarações e nada dá resultado.... :(

Compartilhar este post

Link para o post
Compartilhar em outros sites

IsraelCosta    0

IsraelCosta
Postado

Olá amigo, este problema pode ser resolvido facilmente com um "hack p/ IE", bem pelo que vi no seu xhtml, pode ser por dois motivos:

 

A ul esta dentro de uma div, você tem que avaliar se esta div que esta envolvendo a ul não esta causando o problema. Pode ser tb a propria ul, da uma olhada nos valores "margin e padding" destes elementos.

 

você pode fazer uma condicional para o IE tb desta forma:

 

<!--[if IE]>	   <link href="style/style_IE.css" rel="stylesheet" type="text/css" /><![endif]-->

Coloque esta condicional entre as tags <head> </head> e faça outro css para ser usado somente com o IE. Desta forma o IE reconhecerá somente este css e ignorará o outro.

 

 

Uma forma mais pratica é o uso de um hack:

 

_padding: XXpx;

Observe que existe um "_" no inicio da palavra padding, por algum motivo desconhecido por mim, o IE reconhece isso de alguma forma e aceita como definição sobre o css.

 

Qualquer coisa, manda uma PM que a gente vê isso ai.

 

Um abraço http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

rcdesign    1

rcdesign
Postado

Olá Israel,já testei de tudo com as divs e com a ul... inclusive esse hack para o IE.. nada deu resultado.. eu até tirei todo o código do menu em abas e inseri uma imagem pra testar e o espaço continua lá.. aí com o hack do underline consigo ajustar.. quando volto com o código do menu em abas a coisa se perde novo..rs

Compartilhar este post

Link para o post
Compartilhar em outros sites

IsraelCosta    0

IsraelCosta
Postado

Uma coisa que esqueci de citar é que você não pode tirar os valores que já estão declarados, ao usar o hack basta add o mesmo valor com o hack.

 

 

padding: XXpx;_padding: XXpx;

Compartilhar este post

Link para o post
Compartilhar em outros sites

rcdesign    1

rcdesign
Postado

vixi... sem querer (mas querendo é claro...) acabei de resolver o problema...foi só tirar o height: 1%; da div #nav_abas ul { display: table; height: 1%; list-style: none; }aff....:P

Compartilhar este post

Link para o post
Compartilhar em outros sites

rcdesign    1

rcdesign
Postado

Uma coisa que esqueci de citar é que você não pode tirar os valores que já estão declarados, ao usar o hack basta add o mesmo valor com o hack.CODEpadding: XXpx;_padding: XXpx;

sim sim Israel.. eu já uso esse hack há mais de ano ...rss

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

coloca isso no começo do seu css:

* {margin:0;padding:0;}
Lembre-se sempre de por isso no começo do código, e zere sempre tudo o que vem por padrão: como estilos de lista, textos, bordas, etc http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

rcdesign    1

rcdesign
Postado

você já arrumou o problema ceto?Olhei no IE6 E FF e tá tudo igual!

sim Gio.. já arrumei sim... inclusive postei a resposta aqui:

rcdesign Postado Ontem, 17:07 vixi... sem querer (mas querendo é claro...) acabei de resolver o problema...foi só tirar o height: 1%; da div #nav_abas ul { display: table; height: 1%; list-style: none; }

tks...

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

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

  Aceito