Problema con div en FireFox

Gosth74 · #1 (**permalink**) 01/02/2007, 19:30

Bueno, tengo un problema en Firefox, en IE7 va bien, lo que quiero hacer, es que un div este absolutamente arriba, sin espacios..

Aqui pongo el codigo que tengo de Css y el codigo de Html..

css

Código:

body {
	margin: 0;
	padding: 0;

}

#pagina {
	width: 630px;
	background-color:#990000;
	margin: auto;
}

html

Código:


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

</head>

<body>
<div id="pagina">
  <p>Contenido</p>
</div>
</body>
</html>

Ojala me puedan Help, por que estoy algo tonto con esto del CSS, gracias de antemano.

Mikmoro · #2 (**permalink**) 01/02/2007, 19:46

El elemento "p" siempre da problemas, porque se nos olvida que él ya lleva su margen superior e inferior por defecto.

En este caso tienes dos opciones:

1- Quita el <p>...</p> (que tampoco es tan necesario).

o bien:

2- Añade a tu hoja de estilo

p { margin: 0;}

Mikel.

Gosth74 · #3 (**permalink**) 01/02/2007, 20:04

Ohh Gracias!! si me sirvio eso, tambien habia conseguido de otra forma hacerlo, pero es mejor la forma que me explicaste.. y recordar.. <p> trae sus margenes por defecto definidos.. thnks!!