Ir para conteúdo

Arquivado

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

JuniorCampos

[Resolvido] Div dentro de Div - Centralização

Por , em Desenvolvimento frontend

Recommended Posts

JuniorCampos    0

JuniorCampos
Postado

Galera to com um problema ...

 

Testem este código aê ...

No IE funciona numa boa, mas no FF não.

To querendo que o margin-top da div de dentro funcione no FF.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Teste</title>
</head>

<body>
<center>
<div id="fulana" style="background-color: #00CCCC; width:200px; height:200px;">
	<div id="beltrana" style="background-color:#99CC00; width:100px; height:100px; margin-top:20px;"></div>
</div>
</center>
</body>
</html>

Valeu galera!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leandru    0

Leandru
Postado

Galera to com um problema ...

 

Testem este código aê ...

No IE funciona numa boa, mas no FF não.

To querendo que o margin-top da div de dentro funcione no FF.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Teste</title>
</head>

<body>
<center>
<div id="fulana" style="background-color: #00CCCC; width:200px; height:200px;">
	<div id="beltrana" style="background-color:#99CC00; width:100px; height:100px; margin-top:20px;"></div>
</div>
</center>
</body>
</html>

Valeu galera!!!

Veja se ajuda: na div "fulana" acrescentei um padding-top e adequei a altura para 150px; na div "beltrana" retirei margin-top:20px

 

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Teste</title>

</head>

 

<body>

<center>

<div id="fulana" style="background-color: #00CCCC; width:200px; height:150px; padding-top:30px;">

<div id="beltrana" style="background-color:#99CC00; width:100px; height:100px;"></div>

</div>

</center>

</body>

</html>

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