Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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?
Carregando comentários...
