como activo el scroll del explorador o que me falta?

Iniciado por Belial & Grimoire, 27 Mayo 2013, 00:03 AM

0 Miembros y 1 Visitante están viendo este tema.

Belial & Grimoire

hola

tengo un problema, hice una pagina donde agregue con nav, un menú horizontal, 2 imágenes y un texto dentro de un scroll, hasta allí todo va bien, pero la imagen y el texto quedan un poco mas abajo de lo normal, y todo queda como estático, el scroll del explorador para visualizar bien la imagen no me aparece y el texto tiene su propio scroll, pero me aparece solo la mitad, ya que la imagen y el texto lo puse mas abajo y queda como partido a la mitad y no me aparece el scroll en el explorador para bajar la pagina

alguien sabe porque en el explorador no me aparece el scroll para bajar la pagina y visualizar la imagen completa?, estaba buscando si me falto algo en el background pero solo encuentro como usar scroll para texto o imágenes, espero me puedan ayudar

lo estoy haciendo con html5 y CSS3

salu2
.                                 

#!drvy

Si no pones codigo es dificil hacerse la idea xD. Tienes overflow ?

Saludos

Belial & Grimoire

jeje lo siento, les pongo el codigo y una imagen, talvez van a ver muchas cosas raras en el codigo, pero estoy aprendiendo haciendo una pagina de lo que sea para irme acostumbrando

Código (css) [Seleccionar]
body{
    background-image: -moz-linear-gradient(#C24704, #FFEB79);
    background-image: -o-linear-gradient(#C24704, #FFEB79);
    background-image: -webkit-linear-gradient(#C24704, #FFEB79);
    background-image: -ms-linear-gradient(#C24704, #FFEB79);
    background-color: black;
    background-image: url('/work/imag/papiro.jpg');
    background-repeat: repeat;
}
#bfoto{
    position: fixed;
    top: 250px;
    left: 200px;
}

#ftext{
   
    position: fixed;
    top: 250px;
    right: 300px;
}

#btext{
    font-family: sans-serif;
    font-size: 16px;
    position: fixed;
    top: 380px;
    right: 350px;
    width: 300px;
    height: 210px;
    overflow-y: scroll;
}


http://www.subirimagenes.com/imagen-capturadepantalla-8458800.html

Aqui esta la imagen

Si se dan cuenta, la imagen y el texto están todavía mas abajo, incluso la imagen de fondo que le puse al texto termina mas abajo, pero no puedo bajar mas la pagina, y no entiendo porque, creí que mientras se vaya llenando hacia abajo la pagina, aparecería el scroll en el explorador  y ver todo

espero haber dado mas información para que me puedan ayudar

gracias, salu2
.                                 

#!drvy

Pff,

Normal que los vieras estáticos...tienes position fixed xD. Si quieres solucionar el problema sin mas, aplicarle position:absolute; en vez de fixed a #bfoto y al id del texto.

Pero, no te recomiendo para nada tenerlo como lo tienes. En la web todo debería de ser mas o menos relativo. Usar posiciones estrictas te va a dar muchos problemas cuando quieras hacerlo compatible para diferentes resoluciones. Te recomiendo que te mires los float, margin y en general un posicionamiento relativo.

Saludos

Belial & Grimoire

ok gracias, ya funciono

jeje, es que estoy siguiendo un tutorial que encontré sobre CSS3 y otro de HTML5 y en sus ejemplos algo asi viene, por esa razon lo deje asi... pero tomare en cuenta tu consejo, checare lo que mencionas

gracias
.