Ir para conteúdo

Arquivado

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

AMON-HÁ

Página Esparrama No Firefox

Por , em Desenvolvimento frontend

Recommended Posts

AMON-HÁ    0

AMON-HÁ
Postado

pessoal,

eu tô fazendo um layout aqui que até agora funciona perfeitamente no IE... mas no FIREFOX tah esparramendo na tela...

vejam o código:

<html><head><title>Titulo</title><style type="text/css"><!--body {  background:#DFEAEE;  margin:0;  text-align:center;  line-height: 1.5em;  font: Arial, Helvetica, Sans-serif;  font-size:85%;  color:#000000;  }#topo {  width:999px;  height:160px;  margin:0 0 0;  text-align:left;  }#corpo {  width:999px;  margin:0 0 0;  padding:0 0 0;  }#corpo-leteral-esquerda {  width:244px;  float:left;  margin:7px 0 0;  }#corpo-lateral-esquerda1 {  width:100%;  float:left;  background:#FFFFFF;  border: 1px solid #C5D9E0;  margin:0 0 0;  padding:0 0 0;  color:#000000;  font-size:100%;  line-height:1.5em;  word-wrap: break-word; /* força o navegador a quebrar as palavras para evitar que textos longos esparrame estrutura flutuante DIV, mas so funciona no IE */  overflow: hidden;	 /* esconde o texto excedente para evitar que textos longos esparrame estrutura flutuante DIV, ideal para navegadores que não suporta word-wrap, como é o caso do FIREFOX */  }#corpo-lateral-esquerda2 {  width:100%;  float:left;  background:#FFFFFF;  border: 1px solid #C5D9E0;  margin:7px 0 7px;  padding:0 0 0;  color:#000000;  font-size:100%;  line-height:1.5em;  word-wrap: break-word; /* força o navegador a quebrar as palavras para evitar que textos longos esparrame estrutura flutuante DIV, mas so funciona no IE */  overflow: hidden;	 /* esconde o texto excedente para evitar que textos longos esparrame estrutura flutuante DIV, ideal para navegadores que não suporta word-wrap, como é o caso do FIREFOX */  }#corpo-centro {  width:496px;  float:left;  margin:7px 7px 0;  }#corpo-centro1 {  width:100%;  float:left;  background:#FFFFFF;  border: 1px solid #C5D9E0;  margin:0 0 0;  padding:0 0 0;  color:#000000;  font-size:100%;  line-height:1.5em;  word-wrap: break-word; /* força o navegador a quebrar as palavras para evitar que textos longos esparrame estrutura flutuante DIV, mas so funciona no IE */  overflow: hidden;	 /* esconde o texto excedente para evitar que textos longos esparrame estrutura flutuante DIV, ideal para navegadores que não suporta word-wrap, como é o caso do FIREFOX */    }#corpo-centro2 {  width:100%;  float:left;  background:#FFFFFF;  border: 1px solid #C5D9E0;  margin:7px 0 7px;  padding:10px 10px 10px;  color:#000000;  font-size:100%;  line-height:1.5em;  word-wrap: break-word; /* força o navegador a quebrar as palavras para evitar que textos longos esparrame estrutura flutuante DIV, mas so funciona no IE */  overflow: hidden;	 /* esconde o texto excedente para evitar que textos longos esparrame estrutura flutuante DIV, ideal para navegadores que não suporta word-wrap, como é o caso do FIREFOX */    }#corpo-leteral-direita {  width:245px;  float:left;  margin:7px 0 0;  }#corpo-leteral-direita1 {  width:100%;  float:left;  background:#FFFFFF;  border: 1px solid #C5D9E0;  margin:0 0 0;  padding:0 0 0;  color:#000000;  font-size:100%;  line-height:1.5em;  word-wrap: break-word; /* força o navegador a quebrar as palavras para evitar que textos longos esparrame estrutura flutuante DIV, mas so funciona no IE */  overflow: hidden;	 /* esconde o texto excedente para evitar que textos longos esparrame estrutura flutuante DIV, ideal para navegadores que não suporta word-wrap, como é o caso do FIREFOX */  }#corpo-leteral-direita2 {  width:100%;  float:left;  background:#FFFFFF;  border: 1px solid #C5D9E0;  margin:7px 0 7px;  padding:0 0 0;  color:#000000;  font-size:100%;  line-height:1.5em;  word-wrap: break-word; /* força o navegador a quebrar as palavras para evitar que textos longos esparrame estrutura flutuante DIV, mas so funciona no IE */  overflow: hidden;	 /* esconde o texto excedente para evitar que textos longos esparrame estrutura flutuante DIV, ideal para navegadores que não suporta word-wrap, como é o caso do FIREFOX */  }#rodape {  width:999px;  height:85px;  margin:0 0 0;  text-align:left;  }   --></style></head><body><div class="topo" id="topo">topo</div><div class="corpo" id="corpo">	<div class="corpo-leteral-esquerda" id="corpo-leteral-esquerda">		<div class="corpo-lateral-esquerda1" id="corpo-lateral-esquerda1">corpo</div>		<div class="corpo-lateral-esquerda2" id="corpo-lateral-esquerda2">corpo</div>	</div>	<div class="corpo-centro" id="corpo-centro">		<div class="corpo-centro1" id="corpo-centro1">corpo</div>		<div class="corpo-centro2" id="corpo-centro2">corpo</div>	</div>	<div class="corpo-leteral-direita" id="corpo-leteral-direita">		<div class="corpo-leteral-direita1" id="corpo-leteral-direita1">corpo</div>		<div class="corpo-leteral-direita2" id="corpo-leteral-direita2">corpo</div>	</div></div><div class="rodape" id="rodape">rodape</div></body></html>

como eu faço para resolver este problema com o 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