problemas con la resolucion
alberto
20 de Febrero del 2002
Tengo una pagina web con fondo y cuando alguien ve esta desde un ordenador con mayor resolucion el fondo se duplica. Alguien me da alguna solucion si existe, algun script. Gracias
Wolverine
20 de Febrero del 2002
Como bien decÃa nuestro amigo, esa es la forma de impedir que el fondo no se repita. Pero si quieres validar antes de proceder, tienes dos atributos de javascript para verificar si repites el fondo o no.
window.screen.height; // alto de la pantalla
window.screen.width; // ancho de la pantalla
Ahora si quieres validar los bits de resolución del navegador.
window.screen.colorDepth; // número de bits en color
Recuerda que algunos monitores poseen resoluciones mayores o menores a tu pantalla, además no todas soportarÃan la calidad de color que posee la foto. Por eso ten en cuenta si puedes validar el número de bits o no. :-)
window.screen.height; // alto de la pantalla
window.screen.width; // ancho de la pantalla
Ahora si quieres validar los bits de resolución del navegador.
window.screen.colorDepth; // número de bits en color
Recuerda que algunos monitores poseen resoluciones mayores o menores a tu pantalla, además no todas soportarÃan la calidad de color que posee la foto. Por eso ten en cuenta si puedes validar el número de bits o no. :-)
drew
20 de Febrero del 2002
Para solucionarlo tendras que recurrir a las hojas de estilo (css).
Supon que tienes una página html y que esta lleva una imagen por debajo y no quieres que se repita nunca. Si Utilizamos los estilos:
<html>
<head>
<title>Untitled</title>
<style type="text/css">
body {
background-repeat : no-repeat;
}
</style>
</head>
<body background="miImagen.gif">
hola
</body>
</html>
Si quieres conocer mas sobre las hojas de estilo te recomiendo el programa TopStyle.
Supon que tienes una página html y que esta lleva una imagen por debajo y no quieres que se repita nunca. Si Utilizamos los estilos:
<html>
<head>
<title>Untitled</title>
<style type="text/css">
body {
background-repeat : no-repeat;
}
</style>
</head>
<body background="miImagen.gif">
hola
</body>
</html>
Si quieres conocer mas sobre las hojas de estilo te recomiendo el programa TopStyle.