Gracias Trutxof, en realidad eso es lo que estoy haciendo, con las diferencias debidas de atributos.
Este es el html resumido:
Cita: <body>
<div id="fondo" >
<div id="header">
</div>
<div id="conte">
<h1>titulo 1</h1>
Contenido
</div>
</div>
</body>
Y este es el css:
Cita: body,td,th {
color: #838383;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
body {
background-color: #FFFFFF;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
height:100%;
}
#fondo {
background-image: url(img/fondo.jpg);
background-repeat: repeat-y;
background-position:center;
text-align: center;
height:100%;
}
#header {
background-image:url(img/header.jpg);
width: 843px;
height:216px;
background-repeat: no-repeat;
background-position:center;
margin:auto;
}
#conte {
width: 534px;
text-align: left;
margin:auto;
padding-right:198px;
padding-left:111px;
height:100%;
}
h1{
color: #838383;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
}
En IE logro que el div "fondo" y "conte" tengan una altura del 100%, no así en otros navegadores. Pero de todas formas, en IE, el documento me queda mas alto que la ventana, supongo que es por que el div "fondo" tiene el alto de "conte" que es 100% más el alto de "header" que es 216px. No se.
Cualquier comentario sirve, gracias