ciao ragazzi stavo provando a realizzare un semplice layout tableless che vada bene per ogni visualizzazione ma su pda e simili non c'è verso, mi allinea tutto in verticale e mi scompone il layout..
questo è quello che ho scritto...
<body>
<div id="contenitore">
<div id="head"><h1>NomeSito</h1>
</div>
<div id="menusx">
Colonna di sinistra</p>
</div>
<div id="menudx">
Colonna di destra</p>
</div>
<div id="contenuti">
Contenuti</p>
</div>
<div id="foot">
Piede</p>
</div>
</div>
</body>
e nel css questo...
body{
width: 100%;
height: 100%;
margin: 0px auto;
padding 0px 0px 0px 0px;
text-align:center;
}
#contenitore{
width: 960px;
height: 100%;
border:1px solid;
text-align:center;
margin: 0px auto;
}
#head{
border:1px solid;
clear: both;
margin: 0px auto;
padding 0px 0px 0px 0px;
}
#menusx{
float: left;
width: 200px;
border:1px solid;
margin: 0px auto;
padding 0px 0px 0px 0px;
}
#menudx{
float: right;
width: 200px;
border:1px solid;
margin: 0px auto;
padding 0px 0px 0px 0px;
}
#contenuti{
margin: 0 auto;
padding 0px 0px 0px 0px;
border:1px solid;
width: 550px;
}
#foot{
border:1px solid;
clear: both;
margin: 0px auto;
padding 0px 0px 0px 0px;
}
attendo suggerimenti
grazie!
Rispondi quotando