Foros del Web » Creando para Internet » CSS »

Problemas con overflow:visible;

Estas en el tema de Problemas con overflow:visible; en el foro de CSS en Foros del Web. Hola a todos. Bien, en el sitio web que estoy haciendo, estoy usando este CSS: Código: /* CSS Document */ body,td,th {color: #333333; font-size: 14px;} ...
  #1 (permalink)  
Antiguo 07/06/2007, 13:55
Avatar de hey_alan  
Fecha de Ingreso: diciembre-2006
Ubicación: México
Mensajes: 348
Antigüedad: 11 años
Puntos: 8
Pregunta Problemas con overflow:visible;

Hola a todos.

Bien, en el sitio web que estoy haciendo, estoy usando este CSS:
Código:
/* CSS Document */
body,td,th {color: #333333; font-size: 14px;}
body {background-color: #000000;}

#contenedor{width:810px; height:auto; overflow:visible; background: #FFFFFF url(fnd_lineacontenido.gif) repeat-y; margin:auto;}

#central{height:auto; width:100%; overflow:visible; background: #FFFFFF url(fnd_lineacontenido.gif) repeat-y;}

#t-menu{background: url(tl_menu.gif) no-repeat; height:22px; width:130px; margin:auto; margin-bottom:8px;}
#t-validez{background: url(tl_validez.gif) no-repeat; height:22px; width:130px; margin:auto; margin-top:8px; margin-bottom:8px;}

#superior{background:#66CC00 url(cabecera.gif) no-repeat; height:110px; width:100%;}

#final{background:#FFFFFF url(fnd_finalcontenido.gif) no-repeat; height:64px; width:100%;}

#lateral{float:left; width:152px; height:auto; padding-left:8px;}

#lateral ul{list-style:none; margin:0; padding:0;}

#lateral ul a{
background: url(minilogo2.gif) no-repeat center left;
width:20px;
overflow:visible;
display:block;
padding: 1px 0px 0px 28px;
margin: 0px 0px 2px 16px;
height:24px; 
vertical-align:middle;
}

#lateral ul a:hover{background: url(minilogo1.gif) no-repeat center left;}

#contenido{float:left; width:600px; height:auto; margin: 0px 0px 0px 20px; padding-top:4px; overflow:visible;}

#contenido p div{width:80%;}

.servicio{ color:#CC6600; font-weight: bold;}

a {font-weight: bold;}
a:link {color: #009900; text-decoration: none;}
a:visited {color: #009900; text-decoration: none;}
a:hover {color: #990000; text-decoration: none;}
a:active {color: #FF0000; text-decoration: none;}
h1,h2,h3,h4,h5,h6 {font-weight: bold;}
h1{height:28px; background: url(h1.gif) no-repeat; padding: 2px 0px 0px 32px; color:#006600; font-size:20px;}
h2 {color: #009900; font-size:18px;}
-->
Ok, vayamos al problema. El problema esta en esta linea:

#central{height:auto; width:100%; overflow:visible; background: #FFFFFF url(fnd_lineacontenido.gif) repeat-y;}

Cuando pongo overflow:visible, en Firefox y Opera se ve mal:

http://cybershaman.awardspace.com/indextest.php

Como veran, la div de "central" no se expande o ajusta a su contenido. Ahora, cuando pongo overflow:auto; se ve perfectamente:

http://cybershaman.awardspace.com

Mi pregunta es: ¿Porque demonios no se ve bien con overflow:visible;?

PD: Si me pudieran hacer el favor de decirme si estoy haciendo las cosas bien con ese CSS. Muchas gracias de antemano.
  #2 (permalink)  
Antiguo 07/06/2007, 22:11
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 14 años, 3 meses
Puntos: 57
Re: Problemas con overflow:visible;

Hola hey_alan.

En overflow hay que poner (según el caso):
Código:
Si quieres que esté visible = scroll
Si quieres que no esté visible = hidden
para que lo haga automáticamente = auto 
Saludos
__________________
· Lo poco que sé, lo he aprendido de AQUÍ ·
· No contesto por M.P. ·
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 01:11.