Necesito layout liquido que me recomendais?

[pablo1985]

Buenas estoy buscando un layout liquido que no tenga hacks que sea compatible con ie6 ie7 firefox.. y que cumpla con los estandares.

Necesito una estructura que sea asi:


------------------------------------cabecera------------------------------------


columna fija---************columna adaptable a resolución****
------------------*****************************************
------------------*****************************************
------------------*****************************************
------------------*****************************************
------------------*****************************************
------------------*****************************************
------------------*****************************************
------------------*****************************************
------------------*****************************************
------------------*****************************************

/////////////////////////////////////Pie//////////////////////////////////////////

[DragonX]

algo así? http://www.urbanchip.com.ar/pruebas/desastres/

mira el CSS si es necesario o te lo paso.

[pablo1985]

Esa es perfecta! muchisimas gracias! si puedes pasarme la css te lo agradezco, o si no la pillo de ahi gracias!!

[DragonX]

ok, ahi te lo paso:

* {

margin:0;

padding:0;

}

body{

background:#000 url(fondo.png) no-repeat top left;

font-family:"Trebuchet MS";

}

h1{

margin-left:-1000px;

}

h2 a{

text-transform:uppercase;

font-size:18px;

color:#00baff;

margin:20px 12px 5px 20px;

letter-spacing:5px;

display:block;

background:transparent url(fondoh2.png) repeat-x;

}

h2 a:hover{

color:#fff;

border:0;

}

#total{

overflow:hidden;

margin:0px;

}

#news{

float:left;

background:#000 url(backnews.png) repeat-x;

border-top:1px solid #04255e;

border-left:1px solid #04255e;

border-right:1px solid #04255e;

width:210px;

margin:200px 0 0 26px;

text-align:center;

padding:2px;

}

#news h3{

color:#fff;

font-size:16px;

border-bottom:1px dotted #ccc;

}

#news p{

text-align:justify;

padding:4px;

color:#e9e9e9;

font-size:11px;

border-bottom:1px solid #464646;

}

#news span{

font-size:12px;

color:#00baff;

font-weight:bold;

}

#news a{

background-color:transparent;

color:#00baff;

font-size:11px;

}

#news a:hover{

background-color:#00baff;

color:#fff;

}

#contenidos{

position:absolute;

top:20px;

left:250px;

width:75%;

}

#contenidos p{

color:#fff;

margin:0 12px 0 12px;

}

#contenidos img{

float:left;

margin:4px 8px 4px 0;

border:0;

}

#contenidos h1{

font-size:36px;

color:#fff;

margin:0 0 5px 20px;

text-transform:lowercase;

font-style: italic;

}

#contenidos h1 span{

color:#00baff;

text-transform:uppercase;

font-size:48px;

}

.copete{

background:#191919;

border:1px solid #454545;

padding:8px;

font-size:14px;

font-style: italic;

}

.textos{

border:1px dotted #454545;

padding:10px;

font-size:11px;

line-height:18px;

text-align:justify;

background-color:#141414;

}

#pie{

background:#00254c;

display:block;

text-align:center;

padding:2px;

margin:20px 12px 5px 12px;

color:#fff;

font-size:10px;

}

a{

color:#00baff;

text-decoration:none;

font-weight:bold;

}

a:hover{

color:#00baff;

border-bottom:1px dotted #00baff;

}

[pablo1985]

Una vez más...
MIL GRACIAS eres bueno!