Foros del Web » Creando para Internet » CSS »

Problema overflow:hidden.

Estas en el tema de Problema overflow:hidden. en el foro de CSS en Foros del Web. Hola a todos, desde ya gracias por mirar el thread. Tengo un problema con CSS mas especificamente con la propiedad overflow. Código: #slider{ width:100%; height:200px; ...
  #1 (permalink)  
Antiguo 07/06/2011, 20:27
 
Fecha de Ingreso: junio-2011
Mensajes: 6
Antigüedad: 6 años, 4 meses
Puntos: 0
Problema overflow:hidden.

Hola a todos, desde ya gracias por mirar el thread.
Tengo un problema con CSS mas especificamente con la propiedad overflow.

Código:
#slider{
	width:100%;
	height:200px; 
	margin:auto; 
}
#slider_content{
	overflow:hidden;
	width:100px;
	height:200px; 
}
Y aqui el codigo HTML de la capa.

Código HTML:
<div id="content">
    <div id="slider">
	<div id="slider_content">
		asd
	</div>
    </div>
</div> 
Lo que sucede es que aparece fuera de la capa en la que esta contenida "slider".
Les dejo una imagen:

http://imageshack.us/photo/my-images/51/webqn.jpg/

Saludos y muchas gracias.
  #2 (permalink)  
Antiguo 07/06/2011, 20:39
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 6 años, 7 meses
Puntos: 192
Respuesta: Problema overflow:hidden.

Honestamente al código así como está no le veo nada de malo.... el overflow:hidden no debería por qué cambiar la ubicación de algo. Yo creo que el problema está en otro lado. No tenés un link o código completo para probar?
__________________
nahueljose.com.ar
  #3 (permalink)  
Antiguo 08/06/2011, 08:19
 
Fecha de Ingreso: junio-2011
Mensajes: 6
Antigüedad: 6 años, 4 meses
Puntos: 0
Respuesta: Problema overflow:hidden.

Aqui te dejo la web para que puedas probar porque no tengo como subirla aun.

https://rapidshare.com/files/2001664210/web.rar

Gracias! :)
  #4 (permalink)  
Antiguo 08/06/2011, 09:07
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 6 años, 7 meses
Puntos: 192
Respuesta: Problema overflow:hidden.

Bueno el problema está en tu menu. Estás flotando el <ul> pero no estás limpiando el flotado.

Al contenedor con id "navMenu" agregale la clase "clearfix" y después agregá esto en tu CSS:
Código CSS:
Ver original
  1. .clearfix{zoom:1}
  2. .clearfix:after{
  3.     content:'.';
  4.     display:block;
  5.     clear:both;
  6.     height:0;
  7.     visibility:hidden;
  8. }

Mirá: http://nahueljose.com.ar/temp/

También tené en cuenta que hay otros errores relacionados con JS por lo que tu sitio no funciona en IE. También, estabas linkeando a un archivo "InterpreteAjax.js" cuando es "interpreteAjax.js".
__________________
nahueljose.com.ar
  #5 (permalink)  
Antiguo 08/06/2011, 16:07
 
Fecha de Ingreso: junio-2011
Mensajes: 6
Antigüedad: 6 años, 4 meses
Puntos: 0
Respuesta: Problema overflow:hidden.

MUCHISIMAS GRACIAS se soluciono el tema, no sabia que tenia que hacer eso despues de tener algo con flotado, muchas gracias :)
  #6 (permalink)  
Antiguo 08/06/2011, 16:09
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 6 años, 7 meses
Puntos: 192
Respuesta: Problema overflow:hidden.

Cita:
Iniciado por Agu_A Ver Mensaje
MUCHISIMAS GRACIAS se soluciono el tema, no sabia que tenia que hacer eso despues de tener algo con flotado, muchas gracias :)
De nada :)

A veces los flotados dan dolores de cabezas. Hace un tiempo hice un artículo (que en retrospectiva me parece que me excedí un poco en longitud) sobre mis experiencias personales con flotados. Tiene algunos tips y explicaciones en lenguaje criollo :P
__________________
nahueljose.com.ar
  #7 (permalink)  
Antiguo 08/06/2011, 18:26
 
Fecha de Ingreso: junio-2011
Mensajes: 6
Antigüedad: 6 años, 4 meses
Puntos: 0
Respuesta: Problema overflow:hidden.

Lei tu articulo, muy util por cierto. Ahora me queda una sola duda ya que soy bastante nuevo en cuanto al diseño y programacion web, queria saber si es conveniente maquetar las paginas de esta forma, es decir, utilizando float y margin o directamente crear divs con posicionamiento absoluto.
Desde ya muchas gracias :)
  #8 (permalink)  
Antiguo 08/06/2011, 18:44
Avatar de Naahuel  
Fecha de Ingreso: marzo-2011
Ubicación: localhost
Mensajes: 796
Antigüedad: 6 años, 7 meses
Puntos: 192
Respuesta: Problema overflow:hidden.

Y depende a qué te refieras con "conveniente".

No creo que sea "conveniente" inclinarse sólo por una de las dos formas. En el maquetado vas a recurrir siempre a los flotados y a posicionamientos absolutos. El posicionamiento te permite tener más control sobre la posición exacta de un elemento, pero no sirve para un maquetado en columnas, por ejemplo, al no permitirle al elemento padre calcular el espacio que debe ocupar. El flotado es más útil para este tipo de cosas. Va a depender de tus necesidades y disposiciones de tu proyecto :)
__________________
nahueljose.com.ar

Etiquetas: Ninguno
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 22:07.