Perfecto RoQ
tu comentario
Cita: 100% - 69px...¡¿que!? así es eso pasa por mezclar px con porcentajes
me queda claro el problema "px con px" o "% con %" no revolver al maquetar.
He convertido todo a porcentajes como deviera ser para que se ajuste todo a cualquier dispositivo es lógico ahora que lo he realizado. Bendita usabilidad si le hubiera puesto mas atención no llevaria 2 días con esto
.
Solo
otra pregunta más, la sección 2 tiene un float:left y me da en IE un margen como de un pixel es un Hack de IE 6. Como se lo quito ... estoy leyendo este sitio pero no le doy aun
http://positioniseverything.net/explorer.html.
Alguna sugerencia para el margen derecho de un box con float:left?
Código:
<!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" xml:lang="en" lang="en"><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
html, body{
height: 100%;
font-family: Arial, Helvetica, sans-serif;
}
body, #content, #seccion1, #seccion2, #seccion3, #seccion4 {
padding:0px;
margin:0px;
}
#content {
height: 100%;
background-color: #006600;
}
#seccion1 {
height: 15%;
background-color: #FFCC66;
}
#seccion2 {
width: 235px;
height:85%;
background-color: #FF9999;
float: left;
}
#seccion3 {
height: 80%;
background-color: #CCCCCC;
}
#seccion4 {
height: 5%;
background-color: #99CCCC;
}
-->
</style>
</head>
<body scroll="no">
<div id="content">
<div id="seccion1">Botones</div>
<div id="seccion2">Arbol</div>
<div id="seccion3">Cuerpo main </div>
<div id="seccion4">Espacio disponible </div>
</div>
</body>
</html>