Jump to content


Photo

Padding No Firefox


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

#1 mralemao28

mralemao28

    Novato no fórum

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

Posted 24/08/2009, 19:22

Boa noite pessoal! estou com o seguinte problema: tenho duas DIVs, esquerda e direita e um testo como conteudo em cada uma; quando coloco por exemplo na DIV esquerda um padding-left para dar uma distancia entre o texto e o canto esquerdo da DIV, no IE rola legal porém no firefox isto almenta a largura da DIV jogando a DIV direita para baixo.
Eu teria que usar algum rack para iso? vou deixar o codigo da pagina abaixo, se alguem puder ajudar agradeço des de ja!

<body>
<div id="geral">

<div id="topo">
</div>
<div id="esquerda"><p>conteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudo</p>
</div>
<div id="direita">
</div>

</div>
</body>


----------------------------------------------------------------------------------

folha de estilo:

#geral {background-color: #999999;
height: 600px;
width: 800px;
}

#topo {background-color: #339900;
height: 100px;
width: 800px;
}

#esquerda {float: left;
background-color: #3333FF;
height: 500px
width:400px;
}


#direita {float: left;
background-color: #333;
height: 500px
width:400px;
}

Attached Files



#2 CRDesigner

CRDesigner

    Novato no fórum

  • Usuários
  • 12 posts
  • Sexo:Masculino
  • Localidade:São Paulo

Posted 24/08/2009, 19:45

mralemao28,

Exatamente quando determina um Valor de padding está somando, basta diminuir o mesmo valor aplicado em padding na width.

Mais porque ao invés de padding não utiliza margin-left?

#3 mralemao28

mralemao28

    Novato no fórum

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

Posted 26/08/2009, 12:54

mralemao28,

Exatamente quando determina um Valor de padding está somando, basta diminuir o mesmo valor aplicado em padding na width.

Mais porque ao invés de padding não utiliza margin-left?



Ok mas em qual parte do codigo se aplicaria o margin-left?
vlw...

#4 CRDesigner

CRDesigner

    Novato no fórum

  • Usuários
  • 12 posts
  • Sexo:Masculino
  • Localidade:São Paulo

Posted 26/08/2009, 21:35

Veja se é essa sua duvida:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ajuda - Padding no Firefox</title>
<style type="text/css">
<!--
#geral{
background-color: #999;
width: 800px;
height: 600px;
}

#topo{
background-color: #390;
width: 800px;
height: 100px;
}

#esquerda{
float: left;
position: relative;
background-color: #33F;
width:390px; /*Veja 400 menos o padding de 10 = 390*/
height: 500px;
padding-left: 10px; /*Ao aplicar padding automaticamente tem que diminuir o valor de width*/
}


#direita{
float: left;
position: relative;
background-color: #333;
width:380px; /*Veja 400 menos o padding de 20 = 380*/
height: 500px;
padding-left: 20px;
}
-->
</style>
</head>

<body>
<div id="geral">

<div id="topo"></div>

<div id="esquerda">
<p>O Conteúdo vai aqui. O Conteúdo vai aqui.</p>
<p>O Conteúdo vai aqui. O Conteúdo vai aqui.</p>
<p>O Conteúdo vai aqui. O Conteúdo vai aqui.</p>
<p>O Conteúdo vai aqui. O Conteúdo vai aqui.</p>
<p>O Conteúdo vai aqui. O Conteúdo vai aqui.</p>
</div>

<div id="direita">
<p>O Conteúdo vai aqui. O Conteúdo vai aqui.</p>
<p>O Conteúdo vai aqui. O Conteúdo vai aqui.</p>
<p>O Conteúdo vai aqui. O Conteúdo vai aqui.</p>
<p>O Conteúdo vai aqui. O Conteúdo vai aqui.</p>
<p>O Conteúdo vai aqui. O Conteúdo vai aqui.</p>
</div>

</div>

</body>
</html>



#5 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 29/08/2009, 13:49

http://forum.wmonlin...&...st&p=961842

Use com um DOCTYPE Strict que eu tenho certeza que funciona.

Edição feita por: Édipo Costa Rebouças, 29/08/2009, 13:49.


#6 mralemao28

mralemao28

    Novato no fórum

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

Posted 09/09/2009, 19:36

Blz mano! era essa mesmo a dúvida.
valew pela ajuda ai cara!




1 user(s) are reading this topic

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

IPB Skin By Virteq