Ir para conteúdo

Arquivado

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

EderDias

Diferente Ie X Firefox, Layout

Por , em Desenvolvimento frontend

Recommended Posts

EderDias    0

EderDias
Postado

Ola..pessoal..gostaria de saber porque que acontece na visualização isto:

 

Internet Explorer saiu correto:

Imagem Postada

 

No Firefox sai assim, um pouco mais largo:

Imagem Postada

 

Alguem sabe me dizer porque ocorre esta diferença na altura........ja tentei com layer tambem e sempre no Fire fox fica diferente.....fica muito alto ....no IE fica certinho.

 

Ja percorri a net e não achei resposta....porem ja vi na net um monte de sites e a maioria roda direitinho...no IE e FF somente o meu fica bagunçado.....

 

Tem algum segredo ou algum codigo que configura automaticamente pra rodas no IE e FF??

 

Mto Grato

Compartilhar este post

Link para o post
Compartilhar em outros sites

EderDias    0

EderDias
Postado

segue um exemplinho abaixo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"><html><head><title>TESTE</title></head><body bgcolor="white" text="black" link="blue" vlink="purple" alink="red"><p>  <table border><tr><td width="731"><p>TESTE</td></tr><tr><td width="731"><p>TESTE 2</td></tr></table><p> </p></body></html>

se você notar vai ver que no ff fica alto e no IE fica certinho.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

EderDias, você está fazendo o layout com tabelas, e isso não é correto.

Vá até o Lab de Scripts que tem dois tutos ensinando a fazer layouts, ou pesquise aqui no fórum que existem muitos posts sobre isso.

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Bom, como nosso amigo gio! falou... E seu código está horrível... Tags desnecessárias, atributos que devem ser substituídos por CSS, atributos declarados de maneira incorreta, mas td bem... Mesmo assim, vou te explicar onde está o "erro"...

 

O conteúdo das células estão em um parágrafo (<p>), e os parágrafos, por padrão, possuem uma margem superior e inferior. Por isso, no Firefox você percebe esse espaçamento.

 

Na verdade, o que está errado não é o Firefox, e sim o Internet Explorer, que ignora esse padrão...

 

Para consertar isso, inclua entre as tags <head> e </head> o seguinte:

<style type="text/css">p {	margin: 0;	padding: 0;}</style>
Com isso, você retira essas margens...

 

Ou, se preferir, simplesmente remova as tags <p> do seu código...

 

E uma dica: estude mais webstandards, CSS e o próprio (X)HTML...

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

EderDias    0

EderDias
Postado

valeu...pessoal....só pra exclarecer...é que eu faço apenas alguns páginas.....pessoais..são sou profissional da área..alias passo longo...hehehe...mas a medida que vou usando vou aprendendo mais...de código entendo pouco por isto uso o Visual ..uso o WebEditor Namo(Coreano)..Mas beleza...Mto grato pelas dicas..resolver o problema..usando este codigo:

<style type="text/css">p { margin: 0; padding: 0;}</style>

t+ http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Spider Web    0

Spider Web
Postado

mais olha uma duvida aproveitando o tópico, meu layout mesmo todo em css e com atributos corretos parece que sempre fica um pouco mais espaçado no firefox.

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