Buenos dias a todos, estoy desarrollando una web, la dirección temporal es la siguiente :
www.proyectos.laresoft.com/antiguotaller/inicio.php
En ella hay 2 imagenes a los laterales, y a una resolucion de 1024x768, en realidad a cualquier resolucion un poco mayor a 800x600 la web se ve bastante bien porque la imagenes laterales quedan como yo quiero que queden, pero cuando la resolucion es 800x600 o menor, los laterales se me unen con el contenido central de la web.
He estado mirando en CSS como podria mandar las imagenes laterales al fondo, para que el contenido central de la web estuviese siempre por encima de esas imagenes, como pasa ahora mismo con la cabecera de la web, y aunque creia recordar una propiedad en CSS que lo hacia, aun no la he encontrado.
Por tanto pensando en como solucionarlo, se me ocurrio que con Javascript podria detectar la resolucion y si esta era mayor a 800x600 pues añadir las imagenes laterales y en caso contrario pues no añadirlas.
Para hacerlo,hize algo como esto :
Código:
<script language="javascript">
if ( screen.height > 800 || screen.width > 600 )
{
window.document.writeln("<div style='text-align:left; margin-bottom:-621px;'><img src='images/marquesina_izquierda.jpg' /></div>
<div style='text-align:right; margin-bottom:-621px;'><img src='images/marquesina_derecha.jpg' /></div>");
}</script>
Pero no me funciona, porque de esta manera no se me ven las imagenes, es como si no añadiese el texto.
¿ Que estoy haciendo mal ?
Si alguien recuerda tambien, porque estoy casi seguro que habia una manera, de que no se me solapen las imagenes encima del contenido central, que lo comente.
Un cordial saludo.