Foros del Web » Creando para Internet » CSS »

imagen centrada en div de alto variable

Estas en el tema de imagen centrada en div de alto variable en el foro de CSS en Foros del Web. Amigos forenses . . . les cuento a continuacion cuales son mis dudas tengo lo siguiente . . . <div id="general"> <div id="imagen"> aca la ...
  #1 (permalink)  
Antiguo 14/07/2010, 02:33
Avatar de lbenz  
Fecha de Ingreso: marzo-2003
Ubicación: Haedo
Mensajes: 445
Antigüedad: 14 años, 9 meses
Puntos: 4
imagen centrada en div de alto variable

Amigos forenses . . . les cuento a continuacion cuales son mis dudas


tengo lo siguiente . . .


<div id="general">

<div id="imagen">
aca la imagen
</div>

<div id="detalle">
aca el detalle
</div>

<div id="mas_detalles">
mas detalles
</div>

</div>


teniendo en cuenta que:

div id general es la que contiene las otras 3 divs, no tienen alto fijo

div id imagen, contiene la imagen y no tendra un alto fijo, pero si, cuando suba la imagen tendra medidas maximas de 300px x 250px ( el alto de esta div quiero que sea el mismo alto de la div detalles, que tambien va a ser variable )

div id detalle, contiene el detalle del producto y es lo que va a marcar el alto de la div general segun la cantidad de contenido que tenga dentro, que obviamente, siempre mayor al alto de la imagen

div id mas_detalles, tampoco tiene alto fijo, contiene 3 divs que como mucho pueden tener de alto entre las 3 200px


lo que yo quiero hacer es lo siguiente, dependiendo del alto de la div detalles, que la div imagen y la div mas detalles se alinien verticalmente..

todas tienen ancho definido

esto es posible ?

voy a tirar un codigo ejemplo a ver si me pueden orientar de como hacerlo

#general {
width: 840px;
margin: 0;
padding:0;
}
#imagen {
width: 300px;
margin: 0;
padding:0;
float:left;
}
#detalles {
width: 300px;
margin: 0;
padding:0;
float:left;
}
#mas_detalles {
width: 300px;
margin: 0;
padding:0;
float:left;
}

si pueden ayudarme, se los recontra remil agradeceria.. saludos y desde ya gracias
__________________
que fea firma que tenia... prefiero tener esto
  #2 (permalink)  
Antiguo 14/07/2010, 10:34
 
Fecha de Ingreso: noviembre-2009
Ubicación: Barcelona
Mensajes: 214
Antigüedad: 8 años
Puntos: 6
Respuesta: imagen centrada en div de alto variable

si nos das ejemplos de como esta quedando y de como lo quieres, seria mejor, siempre es mejor vizualizando algo.

ahora, no te compliques demaciado creando tantos div, todo eso, puede ir en un solo div.
mira aun no entiendo del todo eso, pero pasate a este link, es un ejemplo.

http://www.html09.freeiz.com/display

saludos!!
  #3 (permalink)  
Antiguo 14/07/2010, 16:12
Avatar de kdario  
Fecha de Ingreso: junio-2010
Ubicación: Acapulco, Mex.
Mensajes: 40
Antigüedad: 7 años, 5 meses
Puntos: 1
Respuesta: imagen centrada en div de alto variable

prueba con esto, en el estilo del div pones esto:

Código CSS:
Ver original
  1. height:auto;

Etiquetas: alto, centrada, variables
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 09:39.