Scroll desobediente XD | SOLUCIONADO

Aupa! cuanto tiempo :)

tengo un problemilla que no soy capaz de solucionar, a ver si alguien me da alguna pista

Url ejemplo: http://www.zielarquitectos.com/proyectos-dotacional-centromultidepo…

como veis, en la parte de arriba en un DIV (<div id="scroll-horizontal">) hay un scroll del cual escondo la barra vertical.
mi intención era que el div se ampiara en sentido horizontal, pero no, el contenido del div "crece" hacia abajo aunque el scroll esté escondido

CSS del Div

#scroll-horizontal {
									 width:590px; height:128px ; 
									 
									 overflow:hidden; 
									 color:#FFFFFFF ; 
									 font:12px Verdana, Thoma, Arial;
									 scrollbar-face-color: #B45000; /* Indica el color de la base de la barra desplazadora */
									 scrollbar-highlight-color: #000000; /* Indica el color resaltado de la barra desplazadora */
									 scrollbar-shadow-color: #FF7200; /* # Indica el color de la sombra de la barra desplazadora y de la flecha */
									 scrollbar-3dlight-color:#672E01; /* Indica el color del relieve de la barra desplazadora */
									 scrollbar-arrow-color:#FF7200; /* Indica el color de las flechas de la barra desplazadora */
									 scrollbar-track-color:#000000; /* # Indica el color del fondo de la barra desplazadora */
									 scrollbar-drakshadow-color:#000000; /* # Indica el color de la sombra más oscura de la barra desplazadora */
									 }

Como hago apra que un Div se amplie en horizontal sin que se vea mas grande (y haya que usar el scroll para verlo) sin que crezca hacia abajo?

un saludo y espero haberme explicado bien :)

y gracias de antemano XD

Up!!

No sé cómo hacerlo pero tampoco me hago la idea de lo que quieres, podrias enseñar una web con algo así como lo que quieres?

Bienvenido de nuevo, andabas desaparecido Mikel! :)

Bueno me pusisté a pensar, y encontré una solución improvisada pero que puede solucionar tu problema. Lo hice con dreamweaver. y un archivo .css

1. creas 1 div ( ancho = 300 , desbordamiento = auto )

2. dentro de ese dic creas otro div ( ancho = 800 )


Lo demas lo dejas tal como esta.

Entonces colocas el contenido dentro del div Nº2 y este por su mayor anchura obligara al div Nº1 a activar el scroll horizontal mas no el vertical.

En caso que la informacion q agregues supere los 800 pix y continue abajo, dejando asi scroll vertical. simplemente agregas mas ancho al div Nº2

Es una respuesta improvisada q acabo de comprobar en el dreamweaver. chau y te agradecería que me dieras el dato de la galeria flash q utilizaste en tu web para ampliar las imagenes. cya

camilorox escribió:Bueno me pusisté a pensar, y encontré una solución improvisada pero que puede solucionar tu problema. Lo hice con dreamweaver. y un archivo .css

1. creas 1 div ( ancho = 300 , desbordamiento = auto )

2. dentro de ese dic creas otro div ( ancho = 800 )


Lo demas lo dejas tal como esta.

Entonces colocas el contenido dentro del div Nº2 y este por su mayor anchura obligara al div Nº1 a activar el scroll horizontal mas no el vertical.

En caso que la informacion q agregues supere los 800 pix y continue abajo, dejando asi scroll vertical. simplemente agregas mas ancho al div Nº2

Es una respuesta improvisada q acabo de comprobar en el dreamweaver. chau y te agradecería que me dieras el dato de la galeria flash q utilizaste en tu web para ampliar las imagenes. cya

lo probare y a ver si funciona, gracias

foley, lo que quiero es que crear es un efecto parecido al que se logra si minimizas tu navegador (por ejemplo) desde la eskina derecha inferior. si ignoras el scroll vertical, te keda solo el horizontal, y al moverlo vas viendo el contenido. Pues algo asi para una especie de menu alargado.

Bueno, al final he optado por cambiar el diseño y he aprovechado para quitar el maldito scroll horizontal.. pero...

Ta ta ta chaaaaan!

ahora mirad lo que pasa con el maldito y siempre odiado Internet Explorer

http://www.zielarquitectos.com/nueva-de-Ziel/proyectos-residencial-…

mirad esto por favor con IE y cualkier otro navegador.

Os suen como tocar el CSS para que no ocurra?

Thanks de antemano :)

Solucionado con un

overflow: auto;

Asi queda las propiedades de la celda

{width:540px; height:584px ;
														 overflow: auto;
														 overflow-x: hidden; 
														 color:#FFFFFFF ; 
									 					 font:12px Verdana, Thoma, Arial;
									 					 }

gracias a todos :)