Ver Mensaje Individual
  #3 (permalink)  
Antiguo 26/05/2011, 17:13
cereal
 
Fecha de Ingreso: octubre-2008
Ubicación: España
Mensajes: 28
Antigüedad: 12 años, 11 meses
Puntos: 1
Respuesta: tamañol de la caja adaptable con el contenido

Bueno, de hecho, los elementos de dentro son de posición relativa respecto hacia dentro del contenedor y flotando, aquí dejo los elementos:

Código PHP:
.cuadro_general {
    
height300px;
    
//height: auto;
    
widthauto;
    
positionrelative;
    
background-color:#666680;
    
color:white;
    
border:dotted;
    
border-radius10px;
    
//overflow:auto;
}

.
cuadro_horas {
    
height50px;
    
width50px;
    
positionrelative;
    
background-color#9CA3D5;
    
colorblack;
    
text-alignleft;
    
font8pt Verdana;
    
floatleft;
    
border-radius5px 0px 0px 10px;
}

.
cuadro_dia {
    
height50px;
    
width30px;
    
positionrelative;
    
background-color#7077A4;
    
colorblack;
    
text-alignright;
    
font15pt VerdanaGenevaArialHelveticasans-serif;
    
//font: 15pt Verdana bold;
    
floatright;
    
border-radius0px 5px 10px 0px;
}

.
clear {
    
clear:both;
    
font-size:0;
}

.
boton{
    
background:none repeat scroll 0 0 transparent;
    
color:#000000;
    
height:50px;
    
position:absolute;
    
width:80px;
    
z-index:2;
    
bordernone;
}

.
cuadro_dias_semana {
    
height:50px;
    
width:80px;
    
top30px;
    
positionrelative;
    
background-color#7B89D3;
    
colorblack;
    
font12pt Verdana;
    
text-aligncenter;
    
bordernone;
    
border-radius10px;
    
floatleft;    
}

#cuadro_lunes {
    
left30px;
}

#cuadro_martes {
    
left60px;
}

#cuadro_miercoles {
    
left90px;
}

#cuadro_jueves {
    
left120px;
}

#cuadro_viernes {
    
left150px;
}

#cuadro_sabado {
    
left180px;
}

#cuadro_domingo {
    
left210px;
}

.
cuadro_dia2{
    
height:50px;
    
width:80px;
    
//left: 30px;
    
top100px;
    
positionabsolute;
    
background:none repeat scroll 0 0 transparent;
    
colorblack;
    
font12pt Verdana;
    
text-aligncenter;
    
z-index:2;
    
border-radius10px;
}

#cuadro_2_1{
    
left30px;
}

#cuadro_2_2{
    
left140px;
}

#cuadro_2_3{
    
left250px;
}

#cuadro_2_4{
    
left360px;
}

#cuadro_2_5{
    
left470px;
}

#cuadro_2_6{
    
left580px;
}

#cuadro_2_7{
    
left690px;
}

#cuadro_3_1{
    
left30px;
    
top170px;
}

#cuadro_3_2{
    
left140px;
    
top170px;
}

#cuadro_3_3{
    
left250px;
    
top170px;
}

#cuadro_3_4{
    
left360px;
    
top170px;
}

#cuadro_3_5{
    
left470px;
    
top170px;
}

#cuadro_3_6{
    
left580px;
    
top170px;
}

#cuadro_3_7{
    
left690px;
    
top170px;
}

// ......etc....lo mismo hasta #cuadro_7_7 que es lo que completa todos los dias del mes entero.