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
Si no pones codigo es dificil hacerse la idea xD. Tienes overflow ?
Saludos
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
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 (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
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
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