Eliminar espacios entre div

byronanchundia · #1 (**permalink**) 17/02/2010, 18:56

Hola que tal... queria si que udtedes podrian ayudarme..al momrnto de armar mi pagina principal me muestran espacios entre los div y quiero saber si eso tiene solucion.. ahi dejo el codigo.. de antemano gracias...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script language="javascript" src="cargar_pagina.js"></script>
<title>Prueba</title>
<style>
body {
margin:0px;
padding:0px;
text-align:center;
}

#content {
text-align:left;
margin:auto;
width:780px;
height:800px;
}

#cabecera {
width: 780px;
height:229px;
}

#menu {
width:252px;
height:494px;
float:left;
}

#contenido {
width:528px;
height:100px;
float:left;
}



#pie {
clear:both;
width:780px;
height:77px;

}

</style>
</head>

<body onLoad="javascript:Enviar('cabecera.html','cabecer a');
javascript:Enviar('submenu.html','menu');
javascript:Enviar('pie.html','pie')">


<div id="content">
<div id="cabecera"></div>
<div id="menu"></div>
<div id="contenido">
<iframe marginheight="10px" frameborder="0" src="enblanco.html" name="contenido"
width="528px" height="100px"scrolling="no"></iframe>
</div>
<div id="layercontenido1" align="center">
<iframe marginheight="10px" frameborder="0" src="antecedentes.php" name="layercontenido1"
width="528px" height="394px"scrolling="no"></iframe>
</div>
<div id="pie"></div>
</div>

</body>
</html>

Carlangueitor · #2 (**permalink**) 17/02/2010, 20:04

Lo mejor es usar un Reset para quitar los valores que pone cada navegador, lo más sencillo es poner esto al inicio del CSS:

Código CSS:

Ver original*{
margin: 0;
padding: 0;
}

Aquí hay varios resets, si quieres saber un poco más: http://www.cssblog.es/10-tecnicas-para-resetear-css/

Saludos