Comunidad de diseño web y desarrollo en internet online

Problema con height de un DIV

Citar            
MensajeEscrito el 16 Sep 2010 09:55 pm
Tengo el siguiente código, pero en la etiqueta .sliderwrapper, quiero que el height sea automatico segun el contenido, pero ponerlo auto no me funciona. Ahora el contenido que se muestra está en la etiqueta .contentdiv pero no me toma el height. Podrian ayudarme???? :cry:

Código :

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 0px dotted #3d4f5d;
border-bottom-width: 1px;
width: 825px; /*width of featured content slider*/
height: 1000px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 75px;  /*leave as is*/
padding: 0px;
background: #FFF;
width: 825px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
text-align:center;
width: 820px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
font-family:Arial;
background-color:#3d4f5d;
color:#FFFFFF;
border:#333 dotted 1px;
font-size:20px;
letter-spacing:3px;
padding: 20px 0 0 0;
height:40px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #FFF;
}

.pagination a:hover, .pagination{
color: #CCC;
}
.pagination a.selected{
color: orange;
}

Por franklincabrera

10 de clabLevel



 

safari
Citar            
MensajeEscrito el 17 Sep 2010 12:28 am
vale, así por encima veo algo:

overflow: hidden; /*leave as is*/

y

height: 1000px;

Resulta que si dejas el overflow:hidden, el contenedor respeta el tamaño de 1000px y oculta el resto de la info que se se salga de ese tamaño. Intenta quitarle esa linea overflow y no lo dejes si no hace falta por temas de maquetación, y luego cuentanos como te fue! xD

Por gosunkugi

Claber

251 de clabLevel

1 tutorial

Genero:Masculino  

Kuri - frontend dev - XueZhongWen!

safari

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.