3 Columnas Flotantes PX, %, PX

[syslock64]

Amigo encontre la solucion es un pequeño truco pero es tan necesario que sin el los DIVS no podrian tomar el 100% de la altura de la pantalla o dispositivo =)

CODIGO CSS:

Código HTML:

<style type='text/css' media='all'>
*{padding:0;margin:0}
html, body { height: 100%; }
</style>
 

CODIGO XHTML

Código HTML:

<div style="width:100%;height:100% "><!-- con overflow evitas poner el div vacio que limpia los float -->
        
        <div style="float:left; width:230px; background-color:#C06;height:100%">
        Caja con ancho fijo a la izquierda
         
        </div>
        
        <div style="float:right;width:230px; background-color:#0CC;height:100%">
        Caja con ancho fijo a la derecha
        </div>
        
        <div style="background-color:#060">
        <div >
        Como ya se han posicionado las cajas fijas, esta caja quedara ubicada en el espacio libre que dejen las anteriores. 
 
Los background son solamente para ver la disposición.
        </div>
        </div>
        
        
       <!--  <div style="clear:both"></div>  -- ya no hace falta gracias al overflow en la caja padre -->
</div>
 

espero pueda servirle a muchos que quiza no sabian el trukito jeje =) muchas gracias a todos =). Caso cerrado!