Ver Mensaje Individual
  #4 (permalink)  
Antiguo 08/11/2008, 05:42
Trutxof
 
Fecha de Ingreso: agosto-2006
Mensajes: 191
Antigüedad: 17 años, 9 meses
Puntos: 3
Respuesta: height liquido en divs

Si le hechas un vistazo más detenido al código que te he dado verias algunas diferencias.
No obstante le he hecho algunas modificaciones al tuyo, pruebalo....

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Prueba</title>
<style type="text/css">
*{margin:0;padding:0}
html{height:100%;}
body,td,th {
color: #838383;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
body {
background-color: #FFFFFF;
margin:0;
height:100%;
}
#fondo {
background-image: url(img/fondo.jpg);
background-repeat: repeat-y;
background-position:center;
height:100%;
}
 
#header {
position:absolute;
background-image:url(img/header.jpg);
background-repeat: no-repeat;
background-position:center;
width: 843px;
height:216px;
left:50%;
margin-left:-421px;
z-index:50;
}
#conte {
position:absolute;
width: 534px;
text-align: left;
margin:auto;
padding-right:198px;
padding-left:111px;
height:100%;
left:50%;
margin-left:-421px;
}
h1{
color: #838383;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
margin:220px 0 0 0;
}
</style>
</head>
<body>
<div id="fondo" >
<div id="header">
</div>
<div id="conte">
<h1>titulo 1</h1>
Contenido
</div> 
</div>
</body>
</html> 
Esta vez solo he podido probarlo en IE7, pero supongo funcionará
__________________
El mejor consejo lo da la experiencia, aunque este siempre llega tarde.
Cacharreando con Joomla