Redimensionar fondo

franbn · #1 (**permalink**) 04/06/2003, 17:28

Tengo un problemilla con el fondo de mi pagina web y es que querria saber si hay alguna forma de que la imagen de fondo se ajustara al frame en el que la abro, es decir que se vea siempre entera y se redimensione segun la pagina. Si con Javascript no se puede a ver si alguien sabe alguna forma con otro lenguaje. Asias

caricatos · #2 (**permalink**) 05/06/2003, 02:28

Hola franbn, Bienvenido a los foros:

Prueba esta página... (pincha aquí )

El código de la página es éste:

Código PHP:

  <html> 
<head> 
<title> 
    Fondo adaptable 
</title> 
<script language=javascript> 
function ini()    { 
    var elFondo = document.getElementById("fondo").style; 
    var ancho = document.body.clientWidth; 
    var alto =  document.body.clientHeight; 
    elFondo.width = ancho; 
    elFondo.height = alto; 
} 
</script> 
</head> 
<body style="margin:0" onload=ini() onresize=ini()> 
<div style="position: relative"> 
<div style="position:absolute; top:0; left:0;"> 
<img src="FONDO.gif" id=fondo style="position: absolute;top:0; left: 0; width:0;left:0"> 
</div> 
<div id=general style="align: center; position:absolute; top:0; left:0;"> 
<table border=1> 
<tr> 
<td > 
Tabla sin importancia 
</td></tr></table> 
<div> 
</div> 
</body> 
</html>

El fondo es el de la etiqueta img...
y el contenido de la página debe estar dentro de la etiqueta div con id=general.

Espero que te sirva.

Saludos

franbn · #3 (**permalink**) 05/06/2003, 05:25

Muchas gracias por la respuesta que me es muy util, pero ya que hablo con un experto me gustaria saber si hay alguna forma de aplicar el mismo fondo a todas las paginas de un mismo frame sin tener que cortar la imagen. Yo tengo un frame tipico de Izquierda, Superior y Central y me gustaria que el fondo quedase uniforme, y no duplicado en cada pagina del frame. Ya se que es mucho pedir pero si no es posible a ver si sabeis alguna forma de cortarlo para que se disimule al maximo. Gracias otra vez.

caricatos · #4 (**permalink**) 05/06/2003, 08:10

Hola franbn:

No sé si entendí bien la nueva pregunta, pero cuando cargas una página en un frame, se supone que de la antigua solo queda la referencia en el historial, y toda página tiene su propio fondo...

Lo que puedes hacer es poner el mismo fondo a través de una hoja de estilos (un fichero css) pero en ese caso no valdría ningún truco javascript como el que te puse antes... además, a pesar de que se tratase del mismo fondo, este se pierde al cerrarse una página y se recupera al abrirse otra (lo que quiero decir, es que se nota la transición)

De todos modos, esto es solo mi respuesta... igual haya alguien con una respuesta milagrosa... pero las respuestas milagrosas te puedo asegurar que no suelen ser respuestas "definitivas"...

Saludos

quinqui · #5 (**permalink**) 31/08/2004, 18:58

holas franbn, este otro usuario tenía tu misma duda (creo) y mi sugerencia la puedes leer aquí (en el último post dejado por mí)................... (aclaro que es medio estrambótica, pero a nada ^^UUU)
saludines

noreligion_79 · #6 (**permalink**) 21/11/2008, 12:54

Compañero este codigo me sirviò muy bien...pero con un pequeño detalle...
Pues en dicha ventana estàn 2 Divs...y cada div tiene una table insertada...
Sucede lo siguiente: Que si la pantalla del usuario es Widescreen por ejemplo..el fondo queda perfecto y ocupada toda la pantalla....pero los Divs quedan de un lado...es como si se hubieran quedado a la izquierda...estando realmente en el centro...habrà alguna manera de forzar a que se centren dependiendo de la ventana del usuario:

<div id="Layer2" style="position:absolute; width:200px; height:115px; z-index:2; left: 42px; top: 194px;">

<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; overflow: visible; left: 722px; top: 193px;">

JavierB · #7 (**permalink**) 21/11/2008, 13:08

El mensaje original es de hace más de 5 años. Por favor, no reviváis temas tan antiguos.

Saludos,