Entrar

¿Como hacer area texto con barra desplazamiento? (resuelto)

Loboblanco · · Solicitar retirada
Hola a todos :D

La pagina web que estoy elaborando tiene 4 partes :

- arriba izquierda (logotipo)
- arriba derecha (foto)
- abajo izquierda (menu de enlace con las otras paginas)
- abajo derecha (texto).

He definido las 4 capas y los contenidos estan bien organizados.

El problema es que en algunas paginas el texto es largo y hay que desplazarse (scroll) para ir leyendo mas abajo. Y claro, desaparece el logotipo, la foto e incluso el menu. Para enlazar con las otras paginas hay que subir para "recuperar" el menu.

Al principio pense solucionarlo haciendo que el menu fuera fijo flotante. Y se mantuviera en el mismo sitio en la pantalla. Casi lo he conseguido, con algun pequeño problema.

Pero he pensado que tambien me gustaria que el logotipo y la foto permanecieran a la vista.

Asi que solo tiene que desplazarse el texto.

¿Como puedo hacer para poner una caja de texto o un area de texto, con barra de desplazamiento vertical (a la derecha del texto) para poder desplazar el texto, pero que me permita que el tamaño total de la pagina sea el de la pantalla y por lo tanto no salga la barra de desplazamiento vertical del navegador?

La caja de texto es solo para presentar texto, no se pedira ningun dato, no habra input alguno.

Gracias anticipadas :)
Loboblanco · · Solicitar retirada
Me contesto a mi mismo, despues de googlear bastante :twisted:

Se consigue utilizando la propiedad overflow dentro de la definicion de esa capa en el .css

en mi caso :

#pinfdcha{width:610px ; height:290 px; float:right ; overflow:auto; }

Un saludo a todos :D
skaparate · · Solicitar retirada
@fustaiterra:

Lo que debes hacer es dar un alto fijo y overflow: scroll:

<html>
  <body>
    <div id="contenedor">
      <p>Mi texto MUY extenso XD</p>
    </div>
  </body>
</html>

En la hoja de estilos:

#contenedor {
  height: 300px;
  overflow: scroll;
}
fustaiterra · · Solicitar retirada
hola! Gracias por la repsuesta!
En el html-kit se ve de maravilla y queda muy bien! pero al ponerlo en el hosting y verlo en el navagador(firefox) se ve todo descuadrado... a que se puede deber? que hab´re hecho mal?
Gracias de nuevo!
skaparate · · Solicitar retirada
Hmmm... eso es demasiado amplio.

Todos los desarrolladores de sitios web deben visualizar los cambios en los navegadores y no en el HTML-Kit. ¿Lo has visto en Google Chrome o Internet Explorer? Los navegadores más utilizados son Google Chrome, Firefox, Internet Explorer, Opera y Safari, por lo que deberías instalar cada uno e ir probando tus cambios en ellos :).

No era tan fácil ser desarrollador web XD.