[Resolvido] Alinhar imagens

[GabrielFerrari 41]

Estou com um sério problema para alinhar o menu de um site no IE6

Essa mexirica tava perfeita até me pedirem uma alteração na estrutura e acabou deixando toda a parte do topo

desalinhado nos navegadores...

 

Separei as partes alteradas e fui mexendo até arrumar em todos novamente sem usar nenhuma forma de hack e derivados

Ficou perfeito e tudo FF, Chrome, Safari, Opera, IE 8, IE7

 

MENOS NO 6 =/

 

O site é esse: http://www.viqtory.com.br/horus

 

Meu CSS: http://www.viqtory.c...s/principal.css

 

Obrigado :)

[AlocK 0]

quando de usa margin e float no mesmo elemento o ie6 dobra a margem...

 

acredito que para solucionar isso basta inserir no css aonde tem esses duas propriedades juntas a propriedade " display:inline; "

[João Prado 64]

pq isso?

.menu_btn{padding: 0px; margin: 0px; float: left;}
.menu_btn2{padding: 0px; margin: 0px; float: right;}

:blink:

 

Acho que não precisa do menu_btn2 né, se você deixar só como menu_btn ele ficará ao lado da mesma forma.

 

Tenta fazer assim acho que resolve http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

[edit]

 

Verifique também a dica do alock pois acho que pode ser isso http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[AlocK 0]

edit: a dica do cara ai de cima é boa também, rs. mas caso o float left não fique bom tente o que eu estou falando abaixo

 

opa! desculpa... falei sem verificar... acho que o problema não é exatamente aonde eu disse mas...

 

acredito que se voce usar display:inline no menu_btn2 ( algo assim ) e tirar o flaot right ( ou deixar mesmo ) deve resolver...

[João Prado 64]

acredito que se voce usar display:inline no menu_btn2 ( algo assim ) e tirar o flaot right ( ou deixar mesmo ) deve resolver...

 

Acredito que o display:inline no menu_btn2 não funcione pois aquele botão é o único com esta classe definida, para funcionar ele deve aplicar as 2 sugestões em conjunto, colocar o último menu como menu_btn e se não resolver ele aplica o display:inline http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[GabrielFerrari 41]

Nada deu certo... Continuou a mesma coisa.

 

Acho que não precisa do menu_btn2 né, se você deixar só como menu_btn ele ficará ao lado da mesma forma.

Eu fiz ela para testar e acabei deixando

Quando deixo todos com o menu_btn fica certinho porém no IE6 ele vai para esquerda. rs

atualizei a index para o caso de querer dar uma olhada.

 

Tentei com o display:inline; e não adiantou

nem com e nem sem o menu_btn2 que acredito ser totalmente dispensável caso arrume o botão.

 

 

Obrigado pelas dicas ;)

[AlocK 0]

Talvez deixar tudo left e colocar no #menu text-align:left; ...

tive um problema parecido esses tempos atraz, só que eram apenas 2 elementos coloquei os dois em display inline e foi normal..

[João Prado 64]

Vendo que o IE é meio louco repare que no seu html esta definido o width do botão como 71px e na verdade é 77px.

 

<a class="menu_btn2" href="contato.html"><img src="imagens/btn_contato.jpg" width="71" height="52" alt="Contato"/></a>

Muda isso e faz o teste

 

não vi nenhum outro erro possível

[AlocK 0]

Talvez definir a width da div#menu não seja uma má ideia...

 

só mas um adendo:

MORRA IE6.obg.

[GabrielFerrari 41]

Consegui resolver...

 

Ficou assim as linhas alteradas:

 

.menu_btn{padding: 0px;margin: 0px; float: left; display:inline; width: 77px;}
#menu{height: 65px; float: right; padding: 0 25px 0 35px; text-align:left;}

O que tava faltando pelo que percebi era uma largura para cada imagem que seria de 77px

 

Depois vou dar uma limpada no css que está com bastante coisa desnecessária e vejo se é

necessário tantas regras

 

mas pelo menos funciono!

 

Só pensei nisso graças aos comentários e dicas de vocês que me fez fuçar na parte certa.

Obrigado mesmo!!!

[AlocK 0]

Boa!

 

Nesse caso... se for limpar agora passa depois aqui para falar o que foi que realmene resolveu o problema... vira e mexe acontece isso comigo... é bom ter uma certeza do que é.

 

Abraço

[GabrielFerrari 41]

Ahh fiz isso agora aqui. rs

E para minha surpresa não precisava de nada http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif

 

Só uma ajeitadinha nos paddings e dizer uma largura.

 

O resultado pode ser visto lá no link

assim como o css completo desse trecho

 

Vlw! \o

[João Prado 64]

Que bom que funcionou :)

 

Qualquer dúvida só voltar http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif