Foros del Web » Creando para Internet » CSS »

3 divs y centrados

Estas en el tema de 3 divs y centrados en el foro de CSS en Foros del Web. Hola Estoy intentando crear 3 divs en una pagina - El primero esta arriba de todo y tiene 150px - El segundo ocupa el % ...
  #1 (permalink)  
Antiguo 30/05/2011, 08:15
 
Fecha de Ingreso: enero-2008
Mensajes: 229
Antigüedad: 16 años, 3 meses
Puntos: 0
3 divs y centrados

Hola
Estoy intentando crear 3 divs en una pagina

- El primero esta arriba de todo y tiene 150px
- El segundo ocupa el % que queda entre el 1o y el 2o (un 80% aprox)
- El tercero esta abajo de todo y tiene 150px

Todo ello centrado en la página
He probado y probado y no encuentro como hacerlo. Alguién sabe?

Gracias
  #2 (permalink)  
Antiguo 30/05/2011, 08:32
 
Fecha de Ingreso: enero-2011
Ubicación: Madrid
Mensajes: 127
Antigüedad: 13 años, 2 meses
Puntos: 14
Respuesta: 3 divs y centrados

No te recomiendo mezclar % con px.

Mira cuánto es el ancho en px que tienes para los 3 divs y lo repartes entre ellos. Suponiendo que tienes 600px y los tres son del mismo ancho, puedes darles 200px a cada uno.
  #3 (permalink)  
Antiguo 30/05/2011, 08:55
 
Fecha de Ingreso: enero-2008
Mensajes: 229
Antigüedad: 16 años, 3 meses
Puntos: 0
Respuesta: 3 divs y centrados

Ese es el probelma que yo se que el div suyperior y el inferior siempre seran de 150 px pero el intermedio varia dependiendo de la resolucion de la pantalla para ajustarse...

Por eso estoy usando % en el div central pq. sino es así no se me ocurre... supongo que con javascript podría caturar el ancho del body y restarle los 300 del div supe e infe y ahí tendría el ancho del div central... pero esto ya se me escapa

Por eso intetno con css solucionarlo
  #4 (permalink)  
Antiguo 30/05/2011, 09:15
 
Fecha de Ingreso: enero-2011
Ubicación: Madrid
Mensajes: 127
Antigüedad: 13 años, 2 meses
Puntos: 14
Respuesta: 3 divs y centrados

Intuyo que el primer div es para la cabecera, el segundo para el contenido y el tercero para el pie.

Si es así te puedo mandar un ejemplo de página donde lo he montado tal y como quieres.

Un saludo
  #5 (permalink)  
Antiguo 30/05/2011, 09:17
 
Fecha de Ingreso: enero-2008
Mensajes: 229
Antigüedad: 16 años, 3 meses
Puntos: 0
Respuesta: 3 divs y centrados

Justo!
Y el del contenido es con alto variable dependiendo de la relucion
Además los 3 divs centrados en pantalla
Ok 'summermojito' gracias. Mi mail: [email protected]
  #6 (permalink)  
Antiguo 30/05/2011, 09:43
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 1 mes
Puntos: 1146
Respuesta: 3 divs y centrados

compañero @chascos69 por favor nada de ayuda personalizada vía correo electrónico... la ayuda a de proporcionarse atravez del foro de forma que le pueda ser de utilidad a mas usuarios y no solo a usted.

pase a revisar el siguiente material quizás encuentre la respuesta a su problema... -> clic aquí

acá otro ejemplo -> clic aquí

ha y compañero @summermojito por favor haga caso omiso del correo y coloque el material en el foro, estoy seguro a mas usuarios les sera de ayuda en su momento ñ.ñ

Última edición por ArturoGallegos; 30/05/2011 a las 09:50 Razón: añadir ejemplo
  #7 (permalink)  
Antiguo 30/05/2011, 10:22
 
Fecha de Ingreso: marzo-2011
Ubicación: Caracas
Mensajes: 389
Antigüedad: 13 años, 1 mes
Puntos: 16
Respuesta: 3 divs y centrados

Si simplemente no le especificas un "height" al Div Central. el toma el tamaño del contenido que alla en el div. no?????????????????? O el contenido siempre va a ser iwal?
  #8 (permalink)  
Antiguo 30/05/2011, 13:55
 
Fecha de Ingreso: enero-2011
Ubicación: Madrid
Mensajes: 127
Antigüedad: 13 años, 2 meses
Puntos: 14
Respuesta: 3 divs y centrados

El ejemplo que quería poner es el de una web que estoy montando.

http://www.faston.com

Espero sea de utilidad.

Un saludo
  #9 (permalink)  
Antiguo 30/05/2011, 14:08
 
Fecha de Ingreso: marzo-2011
Ubicación: Caracas
Mensajes: 389
Antigüedad: 13 años, 1 mes
Puntos: 16
Respuesta: 3 divs y centrados

Solo tienes que poner al Body un margin auto, al estar asi. por defecto El navegador te centrara la pagina. Los DIV estan adentro del BODY y por ende tambien estan centrados. al primero le pones el height del tamaño que lo quieres, el segundo se lo pones "auto" para que el tamaño sega segun el contenido. y al ultimo le pones el tamaño especifico que quieres.... yo tambien trabajo con tres div normalment (encabezado, cuerpo, fin) y asi me funciona. :S SI eso no te sirve. no entiendo a que te refieres. Espero sea de ayuda...

Etiquetas: divs, centrar
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 22:44.