salve a tutti,
volevo un aiuto. Scrivendo il seguente codice, la larghezza della colonna-sx e della colonna-dx rimane sempre la stessa anche se aumento i px, mentre la centrale si modifica a mio piacimento. Dove sbaglio?
<html>
<head>
<title>Corso Base Web Design</title>
<style type="text/css">
div { border:1px #000 solid; }
.left { float:left }
#contenitore { width:960px; margin:0 auto 0 auto; padding:10px; }
#testata
#colonna-sx { width:200px; }
#colonna-cen { width:530px;}
#colonna-dx { width:150px;}
</style>
<body>
<div id="contenitore">
<div id="testata">testata</div>
<div id="colonna-sx" class="left">colonna sinistra</div>
<div id="colonna-cen" class="left">principale</div>
<div id="colonna-dx" class="left">colona destra</div>
</div>
</body>
</html>
volevo un aiuto. Scrivendo il seguente codice, la larghezza della colonna-sx e della colonna-dx rimane sempre la stessa anche se aumento i px, mentre la centrale si modifica a mio piacimento. Dove sbaglio?
<html>
<head>
<title>Corso Base Web Design</title>
<style type="text/css">
div { border:1px #000 solid; }
.left { float:left }
#contenitore { width:960px; margin:0 auto 0 auto; padding:10px; }
#testata
#colonna-sx { width:200px; }
#colonna-cen { width:530px;}
#colonna-dx { width:150px;}
</style>
<body>
<div id="contenitore">
<div id="testata">testata</div>
<div id="colonna-sx" class="left">colonna sinistra</div>
<div id="colonna-cen" class="left">principale</div>
<div id="colonna-dx" class="left">colona destra</div>
</div>
</body>
</html>