Ir para conteúdo

Arquivado

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

marcelrizzo

Problemas no FF

Por , em Desenvolvimento frontend

Recommended Posts

marcelrizzo    0

marcelrizzo
Postado

Galera, eu procurei aqui e não achei um tópico, mas já deve ter algo a respeito. Se alguém souber deixa o link aqui por favor.

 

O problema é o seguinte, os textos no IE acompaham a div para baixo, mas no FF o texto come ela. Eu tentei colocar height com 100% e não deu certo. Se aumentar a div para 1200 px ele não come mais, mas dae fica muito grande no IE... Fica ridículo.

 

Vai ficar meio grande este post, mas eu coloquei em negrito onde é o problema.

 

O CSS é este

 

body{

margin:0;

padding:0;

border:none;

font-size:16px;

font-family: arial, verdana, sans-serif;

text-align:center;

background-color:#f7fff7;

}

 

#tudo{

width:750px;

margin:0 0 0 0px;

text-align:justify;

margin: 0 auto;

}

 

#topo{

width:750px;

height:140px;

margin:10 0 0 0px;

text-align:center;

background-image: url('fotos/logo2.gif');

background-repeat: no-repeat;

border-width:0 0 1 0px;

border-style:solid;

}

 

#principal{

float:left;

width:600px;

height:100%; (AQUI SE EU AUMENTO PARA 1200 PX ELE FICA CERTO, MAS NÃO É ISSO QUE EU QUERO)

font-size:19px;

font-family: arial, verdana, sans-serif;

padding: 10 5 0 5px;

margin-left:10px;

border-width:0 0 0 1px;

border-style:solid;

border-color:#000;

}

 

#noticias{

widht:500px;

height:250px;

padding: 0 5 0 5px;

border-style:solid;

border-width:1px;

font-size:19px;

font-family: arial, verdana, sans-serif;

margin:0 0 10 10px;

}

 

#nav{

float:left;

width:120px;

margin-left:3px;

margin-top:10px;

text-align:center;

}

 

#rodape{

clear:both;

width:750px;

border-width:1 0 0 0px;

border-style:solid;

text-align:center;

}

 

O html da parte errada é este:

 

<body>

 

<div id="tudo">

 

<div id="topo">

</div>

 

<div id="nav">

<ul id="menu1">

<li><a href="index.htm">Início</a>

<ul>

<li><a href="caminho_sede.htm">Localização da sede</a></li>

<li><a href="tornar_escoteiro.htm">Como se tornar Escoteiro</a></li>

<li><a href="escoteiro_faz.htm">O que um Escoteiro faz</a></li>

<li><a href="horario_reuniao.htm">Horário das reuniões</a></li>

</ul>

</li>

<li><a href="escotismo.htm">Sobre o Escotismo</a>

<ul>

<li><a href="lei_promessa.htm">Lei e Promessa</a></li>

<li><a href="projeto_educatico.htm">Projeto Educativo</a></li>

<li><a href="historia_escotismo.htm">História do Escotismo</a></li>

<li><a href="legislacao.htm">Legislação</a></li>

<li><a href="por.htm">POR 2006</a></li>

</ul>

</li>

<li><a href="verde_cancao.htm">Verde Canção</a>

<ul>

<li><a href="historia_grupo.htm">História do Grupo</a></li>

<li><a href="setor_parana.htm">Setor no Paraná</a></li>

<li><a href="fatos_historias.htm">Fatos e Estórias Marcantes</a></li>

<li><a href="projetos_andamento.htm">Projetos em Andamento</a></li>

</ul>

</li>

<li><a href="secoes.htm">Seções</a>

<ul>

<li><a href="lobinhos.htm">Lobinhos</a></li>

<li><a href="escoteiros.htm">Escoteiros</a></li>

<li><a href="seniores.htm">Seniores</a></li>

<li><a href="pioneiros.htm">Pioneiros</a></li>

<li><a href="chefes_diretoria.htm">Chefes e Diretoria</a></li>

</ul>

</li>

<li><a href="calendario.htm">Calendário 2007</a>

<ul>

<li><a href="calendario_grupo.htm">Calendário do Grupo</a></li>

<li><a href="calendario_ueb.htm">Calendário da UEB</a></li>

</ul>

</li>

<li><a href="fotos.htm">Fotos</a></li>

<li><a href="links.htm">Links Escoteiros</a></li>

<li><a href="forum.htm">Fórum</a></li>

<li><a href="contato.htm">Contato</a></li>

</ul>

</div>

 

<div id="principal">

<h1> Lei e Promessa </h1>

<h2>Lei do Escoteiro</h2>

<ol class="dois">

<li>O escoteiro tem uma só palavra e sua honra vale mais que sua própria vida.</li>

<li>O escoteiro é leal</li>

<li>O escoteiro está sempre alerta para ajudar o próximo e pratica diariamente uma boa ação</li>

<li>O escoteiro é amigo de todos e irmão dos demais escoteiros</li>

<li>O escoteiro é cortês</li>

<li>O escoteiro é bom para animais e plantas</li>

<li>O escoteiro é obediente e disciplinado</li>

<li>O escoteiro é alegre e sorri nas dificuldades</li>

<li>O escoteiro é econômico e respeita o bem alheio</li>

<li>O escoteiro é limpo de corpo e alma</li>

</ol>

<h2>Promessa escoteira</h2>

<p class="dois">Prometo pela minha honra, fazer o melhor possível para cumprir meus deveres para com Deus e minha pátria, ajudar o próximo em toda e qualquer ocasião, e obedecer a lei escoteira.</p>

<br/>

<h2>Lei do Lobinho</h2> (MAIS OU MENOS DAQUI PARA BAIXO ELE "COME" A DIV)

<ol class="dois">

<li>O lobinho ouve sempre os velhos lobos</li>

<li>O lobinho pensa primeiro nos outros</li>

<li>O lobinho abre os olhos e os ouvidos</li>

<li>O lobinho é limpo e está sempre alegre</li>

<li>O lobinho diz sempre a verdade</li>

</ol>

<h2>Promessa do Lobinho</h2>

<p class="dois">Prometo fazer o melhor possível para: Cumprir com meus deveres para com Deus e minha pátria; Obedecer a lei do lobinho e fazer todos os dias uma boa ação.</p>

</div>

 

<div id="rodape">

Grupo Escoteiro Verde Canção - 47 PR<br/> Fone: (44)3224-1214 Av. Joaquim Duarte Moleirinho, N° - 25. CEP 87013-620

</div>

 

</div>

 

</body>

 

 

Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

marcelrizzo    0

marcelrizzo
Postado

Galera, resolvi o problem sozinho.

 

Vou postar aqui o que houve caso alguém tenha o mesmo problema.

 

É só retirar o height do principal que ele renderizou da maneira correta. Ai ele acompanha o texto inteiro. Ohem

 

#principal{

float:left;

width:600px;

height:100%; Retire esse height que ele funciona tanto no FF quanto no IE

font-size:19px;

font-family: arial, verdana, sans-serif;

padding: 10 5 0 5px;

margin-left:10px;

border-width:0 0 0 1px;

border-style:solid;

border-color:#000;

}

 

Mas a questão que ficou para mim foi, alguém sabe por que o FF não interpreta corretamente o height:100%? Eu lí em váris lugares dizendo para não misturar % cm px, será que é isso?

 

Boa tarde.

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