Foros del Web » Creando para Internet » CSS »

El centro no llega arriba.

Estas en el tema de El centro no llega arriba. en el foro de CSS en Foros del Web. Hola, en mi web tengo una estructura en la que un div central esta rodeado pr 4 div, pues el div central no llega arriba ...
  #1 (permalink)  
Antiguo 06/02/2010, 09:46
 
Fecha de Ingreso: noviembre-2009
Mensajes: 846
Antigüedad: 15 años, 1 mes
Puntos: 34
El centro no llega arriba.

Hola, en mi web tengo una estructura en la que un div central esta rodeado pr 4 div, pues el div central no llega arriba del todo, ocurre esto:
marcre.awardspace.com

Si os fijais entre donde esta el texto y el div de arriba hay un espacio transparente.
¿Que ocurre?
  #2 (permalink)  
Antiguo 06/02/2010, 10:50
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 16 años, 3 meses
Puntos: 20
Respuesta: El centro no llega arriba.

Tienes en tu código

.all {width:auto;

height:auto;

background:none;

margin-top:20px;

}

Tienes eso que afecta a todos los elementos, prueba quitandolo.

Saludos¡¡
__________________
Revisa las FAQ's antes de disparar.
  #3 (permalink)  
Antiguo 06/02/2010, 18:02
 
Fecha de Ingreso: noviembre-2009
Mensajes: 846
Antigüedad: 15 años, 1 mes
Puntos: 34
Respuesta: El centro no llega arriba.

Nu...
esos 20px solo afectan al all, al otro no. Lo he probado y sigue son ir...
Estoy desesperado¡¡
  #4 (permalink)  
Antiguo 06/02/2010, 21:02
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 9 meses
Puntos: 1146
Respuesta: El centro no llega arriba.

*No veo la finalidad del div con class .all
Si era para el margen superior debería ser -> body{margin-top:20px;}

*Cuando pones una propiedad con valor cero no hace falta especificar si son pixeles o puntos

*No en todos los casos cierras las etiquetas css siempre deben terminar en punto y coma
Body{backgraund:#f3f3f3; margin-top:20px;}
Jamás lo dejes abierto

*Usas atributos innecesarios como background:none;

*tu contenido crea el espacio por los párrafos tienes de dos, aplicas -> p{margin:0;} ó *{margin:0;}

Yo te recomendaría la segunda opción y de ser posible empezar tu css ->
*{margin:0; padding:0;}
html, body{height:100%;}
  #5 (permalink)  
Antiguo 07/02/2010, 16:20
 
Fecha de Ingreso: noviembre-2009
Mensajes: 846
Antigüedad: 15 años, 1 mes
Puntos: 34
Respuesta: El centro no llega arriba.

Muchas gracias, pero esto no lo entiendo:
*tu contenido crea el espacio por los párrafos tienes de dos, aplicas -> p{margin:0;} ó *{margin:0;}

Yo te recomendaría la segunda opción y de ser posible empezar tu css ->
*{margin:0; padding:0;}
html, body{height:100%;}
?¿?¿

Ni esto:
*No en todos los casos cierras las etiquetas css siempre deben terminar en punto y coma
Body{backgraund:#f3f3f3; margin-top:20px;}
Jamás lo dejes abierto

entonces lo dejo
Código CSS:
Ver original
  1. body {margin:20px;}
o
Código CSS:
Ver original
  1. body {margin:20px}

Un saludo...

Última edición por mariomon17; 07/02/2010 a las 16:39
  #6 (permalink)  
Antiguo 07/02/2010, 16:41
 
Fecha de Ingreso: noviembre-2009
Mensajes: 846
Antigüedad: 15 años, 1 mes
Puntos: 34
Respuesta: El centro no llega arriba.

Otra pregunta:
q es eso de * (del asterisco)
una vez ya puesto me a ido perfectamente...

marcre.awardspace.com

Última edición por mariomon17; 07/02/2010 a las 16:50
  #7 (permalink)  
Antiguo 07/02/2010, 18:24
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 9 meses
Puntos: 1146
Respuesta: El centro no llega arriba.

Cita:
Iniciado por mariomon17 Ver Mensaje
Otra pregunta:
q es eso de * (del asterisco)
una vez ya puesto me a ido perfectamente...

marcre.awardspace.com
al usar * indicamos que las propiedades o reglas deben aplicarse a todos los elementos

y la otra duda usa -> body{margin:20px;}

Etiquetas: arriba, centro, llega
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 07:59.