scusate sto creando un sito usando i div ma ho 2 problemi:
1. quando metto il bordo alla colonna di sinistra si sposta la colonna di destra;
2. non riesco a mettere la sezione inferiore in basso.

di seguito ci sono i codici.

HTML:
codice:
<html>
 <head>
 <title>Dado's Web</title> 
<style type="text/css" media="screen" title="layout"> @import url(/layout.css); </style>
 </head>
 <body>
 <div id="sfondo"> 
<div id="testata">
 <div id="testata-box">
 ciao 
</div> 
</div> 
<div id="colonna_sx">
 <div id="colonna_sx-box">
 ciao
 </div>
 </div>
 <div id="principale">
 <div id="principale-box">
 ciao
 </div>
 </div>
 <div id="pie_pagina">
 <div id="pie_pagina-box">
 ciao
 </div>
 </div>
 </div>
 </body>
 </html>
CSS:
codice:
body{
     text-align: center;
     }
 div#sfondo{
     width: 920px;
     height:989px;
     margin: 0px auto;
     text-align: left;
     background: transparent url('sfondo.jpg');
     }
  div#testata{
 width: 1 height: 80px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 }
 div#testata-box{
 padding:20px 20px 20px 20px;
 margin: 0px 0px 0p 0px;
 }
 div#colonna_sx{
 float: left;
 width: 20%;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 } div#colonna_sx-box{
 padding:20px 205px 20px 20px;
 margin: 0px 0px 0p 0px;
 } 
div#principale{
 float: right;
 width: 80%;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 }
 div#principale-box{
 padding:20px 20px 20px 20px;
 margin: 0px 0px 0p 0px;
 } 
div#pie_pagina{
 clear: both;
 height: 30px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 } 
div#pie_pagina-box{
 padding:20px 20px 20px 20px;
 margin: 0px 0px 0p 0px;
 }
mi sapreste dire come fare???
grazie in anticipo