Ver Mensaje Individual
  #1 (permalink)  
Antiguo 29/02/2008, 08:54
Peiping
 
Fecha de Ingreso: febrero-2008
Mensajes: 17
Antigüedad: 16 años, 8 meses
Puntos: 0
ajustar el contenido de un div

Hola
Estuve leyendo pero no encontre la solución. La cuestión es que tengo una estructura algo así

DIV Central - que contiene a:

DIV cuadrotextro ; DIV foto ; y deberá contener otros DIV más.

Ocurre que cuando empiezo a armar todo... el alto del DIV Central no se va ajustando a lo que tiene dentro... probe con el CLEAR y no encontre la solución; probe con el OVERFLOW y tampoco doy con la tecla... alguien me podra dar una mano.

Pego el código para que lo vean. (ASP)

<div class="central" id="central">
<div class="cuadrotexto" id="cuadro">
<div class="cuadrofoto"><img src="<%=(INFODESTINO.Fields.Item("FOTO1").Value)%> " alt="buenos aires" /></div>
<%=(infodestino.Fields.Item("INFO").Value)%></div> <div class="cuadrotexto" id="foto"> ACA VAN A VENIR LAS FOTOS
</div>
</div>

Código del CSS

.central {
float: none;
width: 640px;
height:auto;
position: absolute;
visibility: visible;
left: 200px;
background-color: #FFFFFF;
z-index: 1;
}
#central {
overflow: visible;
}

.cuadrotexto {
width: 580px;
height: auto;
overflow:visible;
position: relative;
visibility: visible;
left: 200;
background-color: #FFFFFF;
}

#cuadro {
text-align:justify;
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0 auto 0 auto;
margin-top: 6 px;
font-size: 10px;
color:#000000;
font-weight: normal;
top: 20px;
clear: right;
z-index: 1;
}

.cuadrofoto {
float: left;
width: 200px;
overflow: visible;
visibility: visible;
z-index: 1;
height: 200px;
left: 20px;
top: 0px;
}

#foto {
z-index: 1;
margin: 0 auto 0 auto;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#FF0000;
font-size:16px;
font-weight:bold;

}

Muchas gracias anticipadamente a quien me pueda ayudar.

Les pego el link donde prodrán ver online este código

http://www.construirturismo.com.ar/infodestinos.asp?destinos=buenos%20aires

Tks