Impostare grandezza sfondo di un box
Come faccio a mettere una immagine ( 1.png ) come sfondo con grandezza 600px x 600px (adattata alla grandezza dello sfondo (oppure usando anche il 100%)?
Il foglio di stile è questo:
Codice:
body {text-align:center; font-family:Helvetica, arial, sans-serif; font-size:12px; margin:0;}
a img {border:0;}
div#contenitore {background:#180000; width:745px; margin:0 auto; text-align:justify; opacity: .7; filter: alpha(opacity=70);}
div#header {height:130px; width:745px;}
div#header h1, div#header h2 {text-align:center; margin-left:510px;}
div#header h1 { margin-top:0; padding-top:1em; color:#FFF;}
div#header h1 a {color:#FFF;}
div#header h2 {color:#F60;}
div#colsx {background:#F60; width:766px; \width:767px; w\idth:766px; float:left; border-right:1px solid #CCC; }
ul#menu {background:#999; padding:0; margin:0; list-style:none; height:2.75em; border-width:0.1em 0; border-color:#333; border-style:solid;}
ul#menu li {float:left; width:127px;}
ul#menu li a {display:block; color:#FFF; background:#999; font-size:1.1em; line-height:2.5em; padding:0 1.5em; text-decoration:none; border-right:0.08em solid #333; font-family:Verdana, sans-serif; font-weight:bold;}
ul#menu li a.current {background:#300000;}
ul#menu li a:hover {background:#F60;}
div#subcolsx {background:#FFF; float:left; width:600px; \width: 619px; w\idth:598px; padding:10px; border-right:1px solid #000; height:600px;}
div#subcoldx {background:#F60; color:#180000; width:127px; \width: 147px; w\idth:127px; float:left; padding:10px; text-align:center; margin-top:1em;}
div#subcoldx {margin-top:0; height:600px;}
div#subcoldx img {border:2px outset #180000;}
div#footer {background:#333; text-align:center; border-top:6px solid #CCC; color:#F60; font-style:italic; width:745px;}
div#subcolsx {background-image:url('/1.png'); background-repeat:no-repeat;}
h1, h2, h3, h4, h5, h6 {font-family:Georgia, serif; }
h1 {font-size:2.5em;}
h2 {font-size:1.8em;}
h3 {font-size:1.6em;}
h4 {font-size:1.4em; font-style:italic;}
h5 {font-size:1.2em; font-style:italic;}
h6 {font-size:1.1em; font-style:italic;}
.clearlft {clear:left; }
e la riga che mi interessa è questa:
Codice:
div#subcolsx {background-image:url('/1.png'); background-repeat:no-repeat;}
dove poi caverò il no-repeat, tanto devo adattarla alla grandezza del box.
Grazie!
