Foros del Web » Creando para Internet » CSS »

espacio de línea entre divs.

Estas en el tema de espacio de línea entre divs. en el foro de CSS en Foros del Web. 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, ...
  #1 (permalink)  
Antiguo 02/08/2008, 14:28
Avatar de paolamurias
Colaboradora
 
Fecha de Ingreso: junio-2006
Ubicación: Rosario
Mensajes: 2.317
Antigüedad: 11 años, 6 meses
Puntos: 189
espacio de línea entre divs.

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><!--cierra div header-->
<div id="titulo">
<h1> El Charango </h1>
</div><!--cierra div titulo-->
<div id="rasga"></div><!--cierra div rasga-->
<div id="cuerpo">

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

<p class="parrafo"> Una chorrera de texto.</p></div><!--cierra div cuerpo-->
<div id="proyecto"></div><!--cierra div proyecto-->
<div id="footer"></div><!--cierra div footer-->
</div><!--cierra div contenedor-->
</body>
__________________
El mundo atribuye sus infortunios a conspiraciones de grandes malvados. Entiendo que subestima la estupidez. A. Bioy Casares

Mi portfolio
  #2 (permalink)  
Antiguo 02/08/2008, 15:04
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 5.823
Antigüedad: 9 años, 9 meses
Puntos: 951
Respuesta: espacio de línea entre divs.

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>
__________________
Toda ayuda se proporciona exclusivamente en el foro, no skype, no mensajes privados u otro medio....

Última edición por ArturoGallegos; 02/08/2008 a las 15:15
  #3 (permalink)  
Antiguo 02/08/2008, 15:29
Avatar de paolamurias
Colaboradora
 
Fecha de Ingreso: junio-2006
Ubicación: Rosario
Mensajes: 2.317
Antigüedad: 11 años, 6 meses
Puntos: 189
Respuesta: espacio de línea entre divs.

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.
__________________
El mundo atribuye sus infortunios a conspiraciones de grandes malvados. Entiendo que subestima la estupidez. A. Bioy Casares

Mi portfolio
  #4 (permalink)  
Antiguo 02/08/2008, 16:34
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: espacio de línea entre divs.

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.
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 02/08/2008, 16:51
Avatar de paolamurias
Colaboradora
 
Fecha de Ingreso: junio-2006
Ubicación: Rosario
Mensajes: 2.317
Antigüedad: 11 años, 6 meses
Puntos: 189
Respuesta: espacio de línea entre divs.

siiiiiii, genio!!!!! era eso.

como dicen acá:

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

gracias!
__________________
El mundo atribuye sus infortunios a conspiraciones de grandes malvados. Entiendo que subestima la estupidez. A. Bioy Casares

Mi portfolio
  #6 (permalink)  
Antiguo 02/08/2008, 17:18
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: espacio de línea entre divs.

Cita:
Iniciado por paolamurias Ver Mensaje
el que sabe, sabe,
el que no, es jefe!


Me alegro de que te haya servido
__________________
Visita mi nueva web idplus.org
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:15.