Foros del Web » Creando para Internet » CSS »

Menu fijo y contenido dinamico en div con scroll horizontal

Estas en el tema de Menu fijo y contenido dinamico en div con scroll horizontal en el foro de CSS en Foros del Web. hola a todos, despues de buscar... rezo para que alguien puda echarme un cable... Mi objetivo es conseguir esto pero con el scroll debajo de ...
  #1 (permalink)  
Antiguo 09/06/2010, 08:23
 
Fecha de Ingreso: marzo-2007
Mensajes: 83
Antigüedad: 17 años, 8 meses
Puntos: 0
Menu fijo y contenido dinamico en div con scroll horizontal

hola a todos, despues de buscar... rezo para que alguien puda echarme un cable...

Mi objetivo es conseguir esto pero con el scroll debajo de las imagenes (en un div):

http://download.neverprint.com/forma...bs-on-a-beach/

La cuestion es que el contenido (las imagenes en la web que he puesto) en mi caso es contenido dinamico que viene de una consulta de una base de datos.

Es decir, necesito que el scroll se ajuste a todo el contenido que resulte de hacer la consulta, sin ponerle un ancho fijo, ya que variará constantemente.

Os pongo el codigo tal y como lo estoy planteando. Me funciona dandole un width concreto,pero es justamente un parametro que no sera fijo...


CSS:

#visor {height:450px;width:????;overflow-y:hidden;overflow-x:auto; }

HTML:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
}
-->
</style></head>

<body>
<table width="100%" border="1">
<tr>
<td width="200" height="23">Apartado 1</td>
<td rowspan="5"><table width="100%" border="1">
<tr>
<td><div id='visor'>

// aqui el contenido dinamico resultado de una consulta a una bdd


</div></td>
</tr>
</table></td>
</tr>
<tr>
<td>Apartado 2</td>
</tr>
<tr>
<td>Apartado 3</td>
</tr>
<tr>
<td>Apartado 4</td>
</tr>
<tr>
<td>Apartado 5</td>
</tr>
</table>
</body>
</html>



Me podeis echar un cable, os lo agradeceria muchisimo por favor...

Gracias.
  #2 (permalink)  
Antiguo 09/06/2010, 10:03
 
Fecha de Ingreso: abril-2010
Mensajes: 4
Antigüedad: 14 años, 6 meses
Puntos: 0
Respuesta: Menu fijo y contenido dinamico en div con scroll horizontal

Hola..

Si colocas un ancho fijo, por ejemplo width:940px, aparecerá el scroll horizontal siempre que la imagen que resulta de la consulta sea de mayor tamaño.

O necesitas que la imagen se vea completa sin utilizar el scroll?

Saludos
  #3 (permalink)  
Antiguo 10/06/2010, 02:51
 
Fecha de Ingreso: marzo-2007
Mensajes: 83
Antigüedad: 17 años, 8 meses
Puntos: 0
Respuesta: Menu fijo y contenido dinamico en div con scroll horizontal

No no, la cuestion es que necesito que el div con scroll se adapte a la medida de la celda automaticamente. (el div esta dentro de la celda)

Es decir, si redimensiono la ventana, la celda (que esta en %) se hace mas pequeña, pero el div sigue con la misma media.

Es posible que un div con scroll se adapte a la celda dentro de la cual está?

Gracias!!
  #4 (permalink)  
Antiguo 10/06/2010, 07:27
 
Fecha de Ingreso: marzo-2007
Mensajes: 83
Antigüedad: 17 años, 8 meses
Puntos: 0
Respuesta: Menu fijo y contenido dinamico en div con scroll horizontal

Ya he podido solucionarlo. Al final todo esta englobado dentro de un div contenedor con ancho y alto al 100%. De esta manera se adapta dinamicamente.

Gracias por la ayuda Redle!
  #5 (permalink)  
Antiguo 10/06/2010, 10:12
 
Fecha de Ingreso: abril-2010
Mensajes: 4
Antigüedad: 14 años, 6 meses
Puntos: 0
Respuesta: Menu fijo y contenido dinamico en div con scroll horizontal

No había entendido bien el problema..
Que bueno que lo has solucionado

Un Saludo
  #6 (permalink)  
Antiguo 21/10/2010, 07:16
 
Fecha de Ingreso: octubre-2010
Mensajes: 3
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: Menu fijo y contenido dinamico en div con scroll horizontal

Hola Redle y Ann,

Soy nueva en este foro y tengo un problemilla parecido al que has tenido tú Ann.

Mi cuestión es la siguiente:

He hecho una página web con Flash que posteriormente terminaré de maquetar con dreamweaver, en la que aparece un menú vertical a la izquierda (debajo de un logo) y el contenido a la derecha. Lo que yo quiero conseguir es que el menú, se mantenga siempre en la misma posición (arriba izquierda) independientemente de si el contenido es más alto y necesita de un scroll para poder verlo de forma completa, me explico? :)
Cuando seleccióno una opción del menú y me carga en el contenedor (del contenido) la película swf, si esta es muy alta, me aparece el scroll a la derecha, pero cuando le doy, al descender para visualizarla entera, me desaparece el menú :) Quiero que se mantenga fijo.

No sé sabeis algo de flash...

Ahí ban las preguntas:

1. En flash, genero dos películas diferentes:
a) una con el menú y el logo
b) otra (con un contenedor) donde se cargará el contenido de la web (es decir los diferentes .swf
  #7 (permalink)  
Antiguo 21/10/2010, 07:29
 
Fecha de Ingreso: octubre-2010
Mensajes: 3
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: Menu fijo y contenido dinamico en div con scroll horizontal

Perdón, no había terminado de escribir y se me publicó sin querer :)


Hola Redle y Ann.. :)

Soy nueva en este foro y buscando por aquí he encontrado este post que se ajusta un poco a lo que yo estoy buscando, parecido al que has tenido tú Ann, pero con Flash de pormedio.

Mi cuestión es la siguiente:

He hecho una página web con Flash que posteriormente terminaré de maquetar con dreamweaver, en la que aparece un menú vertical a la izquierda (debajo de un logo) y el contenido a la derecha. Lo que yo quiero conseguir es que el menú, se mantenga siempre en la misma posición (arriba izquierda) independientemente de si el contenido es más alto y necesita de un scroll para poder verlo de forma completa, me explico? :)
Cuando seleccióno una opción del menú y me carga en el contenedor (del contenido) la película swf, si esta es muy alta, me aparece el scroll a la derecha, pero cuando le doy, al descender para visualizarla entera, me desaparece el menú :) Quiero que se mantenga fijo.


Ahí van las preguntas:

1. En flash, genero dos películas diferentes:
a) una con el menú y el logo
b) otra (con un contenedor) donde se cargará el contenido de la web (es decir los diferentes .swf)

Ambas las inserto en un html en Dreamweaver (en sus respectivas celdas)
Correcto? Mi primera pregunta es; seguirá cargando las películas flash de los apartados de la web en la película destinada al contenido? No sé si al no tener el código y todos los movieclip dentro de una misma película (ya que he separado el menú y el contenido) seguirán activas las funciones... No sé si me explico, el código funcionaría?

2. No entiendo muy bien dónde o a qué debería fijar el ancho para que aparezca el scroll solo en la derecha.

Gracias de antemano... cualquier info es de agradecer!

Saludos!

Oihane
  #8 (permalink)  
Antiguo 21/10/2010, 12:55
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 22 años, 4 meses
Puntos: 361
Respuesta: Menu fijo y contenido dinamico en div con scroll horizontal

Hola:

En tu CSS coloca el menu con position:fixed.

Saludos.

  #9 (permalink)  
Antiguo 29/06/2012, 12:05
 
Fecha de Ingreso: junio-2012
Mensajes: 3
Antigüedad: 12 años, 4 meses
Puntos: 0
Respuesta: Menu fijo y contenido dinamico en div con scroll horizontal

echa un vistazo al seleccionable tipo de consulta, se rellena desde mysql haber si eso es lo que buscas.
http://www.spaceweb.es/contacto-web.html
Si es lo que quieres avisa y te pongo el código
  #10 (permalink)  
Antiguo 29/06/2012, 12:05
 
Fecha de Ingreso: junio-2012
Mensajes: 3
Antigüedad: 12 años, 4 meses
Puntos: 0
Respuesta: Menu fijo y contenido dinamico en div con scroll horizontal

<a href="http://www.spaceweb.es/contacto-web.html">Link bien aqui</a>
  #11 (permalink)  
Antiguo 29/06/2012, 12:06
 
Fecha de Ingreso: junio-2012
Mensajes: 3
Antigüedad: 12 años, 4 meses
Puntos: 0
Respuesta: Menu fijo y contenido dinamico en div con scroll horizontal

[URL="http://www.spaceweb.es/contacto-web.html"]http://www.spaceweb.es/contacto-web.html[/URL]

Etiquetas: contenido, dinamico, fijo, horizontal, scroll
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 07:55.