Ver Mensaje Individual
  #4 (permalink)  
Antiguo 05/02/2008, 08:47
Avatar de kahlito
kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.936
Antigüedad: 21 años, 1 mes
Puntos: 65
Re: Como posicionar fondo de pagina?

Hola Diego_Bolivar.

Una opción que se me ocurre es crear un fondo .jgp, .gif, o .png a unos 5px de distancia con los bordes y luego la utilizas como fondo redimensionable en tu diseño. Mira por ejemplo aquí:

http://www.cssplay.co.uk/layouts/background.html

Por ejemplo te puede valer esta parte:

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Prueba de fondo redimensionable al 100%</title>
<style type="text/css">
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden;}
#background{position:absolute; z-index:-1; width:100%; height:100%;}
</style>
</head>

<body>
<img id="background" src="rabbit.jpg" alt="" title="" />
<p>Aquí metes todo el contenido que quieras</p>
</body>
</html>