Ver Mensaje Individual
  #4 (permalink)  
Antiguo 10/04/2008, 10:05
Avatar de arriaka
arriaka
 
Fecha de Ingreso: febrero-2008
Mensajes: 45
Antigüedad: 16 años, 2 meses
Puntos: 1
Re: Eliminar el espacio entre dos Div´s horizontales

Bueno, podrias escribir directamente en el div, aunque no seria muy correcto.

Lo que yo suelo hacer es definir los espacios de <p>, poner margin: 0px y poner padding solo en botton. Es decir:

Código:
p {
	margin: 0px;
	padding: 0px 0px 8px 0px;
}
Normalmente 8 suele ser un tamaño bueno. Puedes probar y a ver que te parece.

Lo mismo seria con los h1, h2, .... Es cuestion de probar a ver donde le puedes meter espacios.

Y si en el primer div quieres que el ultimo <p> no tenga padding-botton (o donde sea), haces un class para ello:

Código HTML:
<!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>Documento sin t&iacute;tulo</title>
    <style type="text/css">
        .uno{
            width:760px;
            height:150px;
            border: 1px solid #000000;
        }
        .dos{
            width:760px;
            height:150px;
            border: 1px solid #FF0000;
        }
        p{
            margin: 0px;
            padding: 0px 0px 8px 0px;
        }
        p.ultimo{
            padding: 0px;
        }
    </style>
</head>

<body>
	<div class="uno">
		<h1></h1>
		<p>Bla bla bla</p>
		<p class="ultimo">Ultimo parrafo sin padding inferior</p>
	</div>
	<div class="dos">
		<p>Bla bla bla</p>
		<p>Bla bla bla</p>
	</div>
</body>
</html> 
Espero que con esto te vaya bien!

Saludos