cabecera y contenido estático pero el pie con digramación líquida

Citar

Escrito el 30 May 2011 01:27 pm

Un cordial saludo, quiero tratar de fusionar diagramación estática con líquida pero se me presenta un pequeño inconveniente, el cabezote y el contenido perfecto quedan a 760px de ancho, el pié perfecto me queda widht 100% pero pasa algo y es que en el momento en que yo restauro la ventana me deja una margen a la derecha muy grande, lo he intentado arreglar de una y mil maneras y aún no he podido, a continuación dejo un ejemplo del código para que puedan visualizar lo que les digo:

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" xml:lang="es" lang="es-es">
<head>
<title>titulo</title>
<style type="text/css">
html { padding: 0;
width: 100%;
height: 100%;
}
body { margin: auto;
padding: 0;
width: 100%;
height: 100%;
}
#all { border: 1px solid #C8EBF4;
margin: 0 auto;
width: 760px;
position: relative;
display: block;
min-height: 608px;
height: auto!important;
}
#cont_cabecera { height: 85px;
text-align: center;
position: relative;
background-color: #999;
}
#cont_lat_izq { width: 100px;
float: left;
position: relative;
height: auto;
min-height: 500px;
margin-left: -100px;
}
#cont_lat_der { width: 100px;
float: right;
position: relative;
min-height: 500px;
height: auto;
margin-right: -100px;
}
#cont_contenido { position: relative;
float: left;
height: auto!important;
min-height: 503px;
height: 506px;
}
#pie_div { width: 100%;
position: absolute;
color: #fff;
bottom: 0;
text-align: center;
background-color: #111;
height: 20px;
clear: both;
}
.corte { clear: both;}
#centro { border-left: 100px solid #666;
border-right: 100px solid #666;
height: auto!important;
width: 560px;
min-height: 503px;
position: relative;
height: 506px;
}
</style>
</head>
<body>
<div id="all">

<div id="cont_cabecera">Esto es la cabecera</div>
<div id="cont_contenido">El contenido de este div se ajusta al tama&ntilde;o del contenedor<br />
</div>
<div class="corte">
</div>
<div class="corte"><br />
</div>
</div>
<div id="pie_div">Esto es el pie</div>
</body>
</html>

lo que quiero es que a la hora de restaurar la página no me genere esa margen y quede siempre al 100% del widht, mil gracias por su ayuda,

Por juliovanegas

Claber

161 de clabLevel

Genero:Masculino