Jump to content


Photo

Layout Diferent Do Ie Para O Modzilla? :S


  • Faça o login para participar
3 replies to this topic

#1 Nimaro

Nimaro

    Normal

  • Usuários
  • 71 posts
  • Sexo:Não informado

Posted 16/03/2010, 12:16

Ola a todos,
Estou a publicar um post... faço algo simples como isto:
<img class="alignleft" style="margin-top: 10px;margin-bottom: 0px;margin-left: 7px;margin-right: 0px" src="http://e-revista.com.pt/revistadeimprensa/files/2010/03/record_post.png" alt="ok_cc3" width="100" height="25" />Depois de ter trabalhado condicionado, no treino de segunda-feira, o internacional português Cristiano Ronaldo integrou o treino.

No Firefoz aparece-me direito como eu lhe digo para fazer.... ao abrir com o Internet Explorer as imagens trocam de lugar :/

O meu blog é: http://e-revista.com...istadeimprensa/ caso queiram ver ao que me refiro...


Agradecia uma ajuda nisto, porque nao sei o que se passa :/, ou o que posso fazer para alterar isto.

#2 Max William

Max William

    12 Horas

  • Usuários
  • 192 posts
  • Sexo:Masculino
  • Localidade:Maringá - Paraná

Posted 16/03/2010, 12:43

Nimaro,

Primeiramente você esta postando sua dúvida no lugar errado, aqui é a sessão de PHP não CSS.
Mas vamos ao problema, que ate eu fiquei confuso.

Voce disse que no Firefox aparece do jeito que vc quer né? e no IE esta aparecendo errado certo?

Ta agora me ajuda a entender,
Porque no IE todas as imagens aparece corretamente do lado esquerdo (você esta declarando isso.. left = esquerda)

No Firefox, também esta aparecendo corretamente, todos que estão usando a classe alignleft estão aparecendo a esquerda, menos os Mulher atira ácido a grávida e Chávez ameaça Madrid que corretamente estão obedecendo sua ordem, pois a classe nestas imagens é alignright, alinha a direita.
Se eu lhe ajudei ;) Clique para agradecer!

#3 Nimaro

Nimaro

    Normal

  • Usuários
  • 71 posts
  • Sexo:Não informado

Posted 16/03/2010, 13:59

Abris-te no IE aparece-te tudo à esquerda do texto? :S A mim aparece tudo a direita, e no Firefox aparece tudo a esquerda(como devia de ser) :S

Não sei se ja trabalhas-te com WOrdpress... mas isto é um post feito na pagina do Worldpress e depois chama a class dentro do meu style.

Ja tentei colocar quando importo a imagem a class alignleft e a class floatleft, e aparece sempre diferente nos 2 browsers... :/

class "floatleft"
.floatleft {
	float:left;
}

class "alignleft"
.alignleft {
	float:left;
	text-align:left;
	margin-right:10px;
}

O problema nao deve de estar aqui :/ ... que IE usas?

#4 Max William

Max William

    12 Horas

  • Usuários
  • 192 posts
  • Sexo:Masculino
  • Localidade:Maringá - Paraná

Posted 16/03/2010, 16:43

@Nimaro,
Almente a hierarquia, acredito que estara resolvendo o problema. Como eu disse, ele esta perdendo a propriedade float:left para outro pai, cujo mesmo mais respeito que sua classe.
Tente colocar esta hierarquia.

#centro #main .content .alignleft

PS: Eu uso IE8
Se eu lhe ajudei ;) Clique para agradecer!




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq