Foros del Web - Ver Mensaje Individual

emprear · #9 (**permalink**) 09/01/2012, 13:41

proba poniendo el degrade como fondo del html

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<style type="text/css">
/*<![CDATA[*/
html, body, div{
padding: 0;
border: none;
margin:0;
}
html{
background: url(degradado.png) repeat fixed top center;
}
body{
height: 100%;
}
div#arena{
width: 100%;
z-index: 900;
height:60px;
background: url(arena.png) fixed center center;
position: fixed;
bottom: 0;
left: 0;
}
div#barco {
position: fixed;
bottom: 0;
right: 0;
z-index: 950;
width: 191px;
height: 335px;
background: url(barco.png) no-repeat;
}
div#contenido{
position: absolute;
width: 100%;
height: auto;
baclground-color: transparent;
z-index: 999;
}
/*]]>*/
</style>
</head>
<body>
<div id="barco"></div>
<div id="arena"></div>
<div id="contenido">
<p>contenido</p>
<p>contenido</p>
</div>                          
</body>
</html>

faltaría ajustar el alto de las capas para barco y arena

Saludos