Problemai con layout fluido a tre colonne

[miki92]

Salve,
ho trovato questo codice per realizzare una layout fluido a tre colonne:

<div class="contenitore">

<div class="header"><table><tr><td><img src="immagini/logo.png" alt="Miki92" /></td><td><script type="text/javascript" src="js/piccolo.js"></script></td></tr></table></div>

<div class="pagina">Pagina</div>

<div class="menu">Menù</div>

<div class="side">Side</div>

</div>

CSS:

body{
    background-color:#C6EDFD;
    margin:0 auto;
    text-align:center;
}
img{
    border:0px;
}
table{
    width:100%;
}
.contenitore{
    background-color:#FFFFFF;
    float:left;
    text-align:left;
    margin:0 auto;
    width:100%;
}
.header{
    background-color:#33BBFF;
    color:#FFFFFF;
}
.pagina{
    margin:0 200px;
}
.menu{
    float:left;
    margin-left:-100%;
    width:200px;
}
.side{
    float:left;
    margin-left:-200px;
    width:200px;
} 

Ma non mi visualizza nè la sidebar nè il menù...come mai se al posto delle classi . uso gli id # funziona?

» Demo

[dreadnaut]

direi che quei margin-left: -xxx spostano i due contenitori fuori dallo schermo, sulla sinistra.

come mai se al posto delle classi . uso gli id # funziona?

perché ti dimentichi di cambiare class="..." in id="..." e quindi non applichi il css?

[miki92]

Per il cambio da class a id non c'è problema perchè ho cambiato io da id a class. Comunque tornando a noi, il codice l'ho preso sul blog di html.it ed in una pagina html semplice funziona mentre in questa mia no...perchè?

Come posso avere lo stesso risultato magari con codice alternativo?

[NoWhere]

ma tu che layout vuoi relizzare?! se non lo dici come possiamo aiutarti a migliorare il codice?!...

[miki92]

Voglio realizzare un layuout a tre colonne come lo si può intiuire dal titolo del topic.

[NoWhere]

si... intendevo nello specifico come vorresti realizzarlo...
comunquesia... se dai una lettura a uno di questi 3 link [io ti consiglio di leggerli tutti e 3 e studiarli tutti] riuscirai da solo a realizzare un layout liquido a 3 colonne, abbandona quel codice che hai postato sopra e parti da zero che é meglio!

http://css.html.it/guide/leggi/3/gui...iti-con-i-css/
http://www.constile.org/template/nuo...a_tre_colonne/
http://www.gdesign.it/pages/howto/ar...lay/liqlay.php