ciao ragazzi,
è da poco che uso i css e quindi mi limito nelle cose più semplici. Adesso sto provando dei box con position absolute. Il problema è che creando una struttura centrata, quando al box con position absolute do una posizione in px, però non riesco mai a sistemarli centrati al contenitore della struttura. Quando visualizzo il sito con risoluzione diversa il contenitore va centrale ma i box restano a sinistra. Qualcuno sa dirmi come fare? Vi posto il codice:
@charset "utf-8";
/* CSS Document */
body{ background:url(sfondo.png); background-repeat:repeat-x;margin:0; padding:0; text-align:center; font-family: "Times New Roman", Times, serif;}
div#contenitore {width:850px; margin: auto; padding-top:15px;}
div#header{background:#FFFFFF; margin:0px;}
div#colsx{width: 470px;float:left;}
div#coldx{width: 380px; padding-top:60px; float:left;}
div#box1{ background:url(box.gif) no-repeat; position:absolute; width:300px; height:300px; top:600px; left:200px; float:left; text-align: left; padding-top:35px; color:#0099CC}
div#box2{ background:url(box2.gif) no-repeat; position:absolute; width:300px; height:300px; top:600px; left:515px; float:left;text-align: left; padding-top:35px; color:#0099CC}
div#box3{background:url(box3.gif) no-repeat;position:absolute;width:300px;height:300px; top:600px;left:829px;float:left;text-align: left;padding-top:35px;color:#0099CC}
h1,h2{margin: 0;padding:0}
h1{padding-left:30px;font: bold 40/80px arial,serif}
h2{color: #999; font-family:Georgia, "Times New Roman", Times, serif;font-size: 18px; margin-top:10px;}
h5{ color: #333333; font-size: 12px;}
h6{ color:#000000; font-size:10px;}
div#footer{ background:#ffffff; clear:left;}
