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:
CSS: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>
mi sapreste dire come fare???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; }
grazie in anticipo
