espacio de línea entre divs.

paolamurias · #1 (**permalink**) 02/08/2008, 13:28

Hola amigos, yo otra vez intentando hacer una página

es una muy sencilla con un div contenedor que aloja a un div debajo de otro, con img como fondo y el div donde va el contenido con color sólido de fondo.

Hasta acá todo bien.

El tema es que cuando ingreso texto p o h1 o cualquiera, se me separan los divs como alto es el texto. Y pasa en ff y en IE7. O sea que.... ¡el error es mío!

aca va el css:

Cita:

/* CSS Document */
body{background-color:#291503;
font-family:"Trebuchet MS", Verdana, Arial;
}

h1{font-size:3em;
font-weight:bold;
margin-left: 360px;
padding-top:50px;
color:#FFFFFF}

.parrafo{
color:#291503;
font-size: 1em;
font-size-adjust:0,56;
padding: 50px 40px 20px 360px;
}
.imgchic{margin-top:75px;
margin-left:40px;
border:solid thick #FFFFFF;
float: left;
}
#contenedor{width:750px;
position:static;
margin: 0 auto;
background-color:#f4efe8;
}/*Este es el div cntenedor*/
#header{height:100px;
background-image:url(images/header-fondo.jpg);
background-color:#e0c299;
border:0;
}
#titulo{height:250px;
background-image:url(images/titulo-fondo.jpg);
background-color:#e0c299;
border:0;
}
#rasga{height:50px;
background-image:url(images/rasga-fondo.jpg);
margin:0;
}
#cuerpo{background-color:#f4efe8;
}
#proyecto{height:200px;
background-image:url(images/proyecto-fondo.jpg);
margin:0;
}
#footer{height:50px;
background-image:url(images/footer-fondo.jpg);
}

y mi html

Cita:

<body>
<div id="contenedor">
<div id="header"></div>
<div id="titulo">
<h1> El Charango </h1>
</div>
<div id="rasga"></div>
<div id="cuerpo">

<img class="imgchic" src="images/mauro-frente.jpg" />

<p class="parrafo"> Una chorrera de texto.</p></div>
<div id="proyecto"></div>
<div id="footer"></div>
</div>
</body>

ArturoGallegos · #2 (**permalink**) 02/08/2008, 14:04

no veo ninguna separacion entre los div... me sale bien mmm o te refieres al margen k ai entre el body y los div??

jeje o si lo dices por espacio k ai entre tu texto espor que estas asignado padding y margen en los atributos de h1 y .parrafo y los aplicas directamente

por ejemp lo que defines en .parrafo esta bien pero no lo aplique en <p class="parrafo"> aplicalo en el <div>

paolamurias · #3 (**permalink**) 02/08/2008, 14:29

Hola Ag, gracia spor tu respuesta, no es el problema el padding del .parrafo o del h1, ya que sin éstos, o sea poniendo texto plano, también se me separan los divs.

Mikmoro · #4 (**permalink**) 02/08/2008, 15:34

Hola, Paola.
Creo que el espacio que mencionas se debe al margen que tiene establecido por defecto el elemento que insertas (en el ejemplo el h1).

Prueba añadiendo al principio de tu css este selector:

* {margin:0; padding:0;}

Esto elimina los márgenes por defecto de (casi) todos los elementos, y creo que te vendrá bien en general.

paolamurias · #5 (**permalink**) 02/08/2008, 15:51

siiiiiii, genio!!!!! era eso.

como dicen acá:

el que sabe, sabe,
el que no, es jefe!

gracias!

Mikmoro · #6 (**permalink**) 02/08/2008, 16:18

Cita:

Iniciado por paolamurias

el que sabe, sabe,
el que no, es jefe!

Me alegro de que te haya servido