Problema overflow:hidden.

[Agu_A]

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.

[Naahuel]

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?

[Agu_A]

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

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

Gracias! :)

[Naahuel]

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:

.clearfix{zoom:1}
.clearfix:after{
    content:'.';
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}
 

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".

[Agu_A]

MUCHISIMAS GRACIAS se soluciono el tema, no sabia que tenia que hacer eso despues de tener algo con flotado, muchas gracias :)

[Naahuel]

Iniciado por Agu_A

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

[Agu_A]

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 :)

[Naahuel]

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 :)