ok hai ragione.
ecco il link http://www.ggcaisavona.it/test/index.html
Sostanzialmente nell'index.html abbiamo un div content al cui interno vi è un div main il quale include 3 div: left, center e right
Questo è il foglio css:
Codice PHP:
*
{
margin: 0px;
padding: 0px;
}
a{
color: #022649;
font-weight:bold;
text-decoration: none;
}
a:hover {
color: #ffffff;
}
body {
background: #c9ebff url(images/bg_all.jpg) top repeat-x;
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
margin:0 auto;
padding:0px;
}
#content{
margin: 0 auto;
width: 1105px;
text-align: left;
}
#main{
width: 1105px;
margin: 0 auto;
clear:both;
background: url(images/con_bg.png);
}
#header {
width: 1105px;
height: 191px;
background: url(images/xxx.jpg) no-repeat center;
margin: 0 auto;
}
#logo {
height: 130px;
padding-left: 680px;
padding-top:20px;
}
#logo a {
text-decoration: none;
text-transform: lowercase;
font-style: italic;
font-size: 18px;
color: #ffffff;
}
#logo H2 a{
font-size: 12px;
}
#menu{
width:1380px;
height: 31px;
margin: 0 auto;
padding-left: 10px;
margin-top:23px;
}
#menu ul {
padding-left: 0px;
list-style:none;
display: inline;
}
#menu li {
display: inline;
list-style: none;
padding-left:0px;
}
#menu a {
font-family: Georgia, "Times New Roman", Times, serif;
float: left;
width: 152px;
height: 23px;
display: block;
text-align: center;
text-decoration: none;
color: #ffffff;
font-weight: normal;
padding-top: 8px;
font-size: 17px;
background: url(images/menu_bg.jpg) no-repeat left top;
padding-right:1px;
}
#menu a:hover{
width: 152px;
height: 23px;
background: url(images/menu_hover.jpg) no-repeat center;
color: #ffffff;
}
#con_top{
background: url(images/con_top.png) no-repeat;
height:7px;
margin-top:10px;
}
#con_bot{
background: url(images/con_bot.png) no-repeat;
height:18px;
}
#left{
width: 200px;
padding-left: 3px;
}
#left H3{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: normal;
text-align:center;
color: #ffffff;
padding-top:15px;
background: url(images/title_left.jpg) no-repeat;
height: 39px;
}
#left ul{
list-style: none;
padding-left: 10px;
padding-right:10px;
padding-top: 35px;
background: url(images/leftulbg.jpg) no-repeat top;
}
#left li{
background: url(images/ls.png) no-repeat left top;
padding-left: 25px;
margin-bottom:10px;
padding-bottom: 10px;
}
#left a{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color: #3793ce;
font-weight:bold;
}
#left a:hover{
color: #000000;
}
.lefthr{
height:1px;
margin-top: 30px;
border-bottom: 1px solid #000000;
}
#right{
width: 200px;
padding-right: 1px;
float:right;
}
#right H3{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: normal;
text-align:center;
color: #ffffff;
padding-top:15px;
background: url(images/title_left.jpg) no-repeat;
height: 39px;
}
#right ul{
list-style: none;
padding-left: 5px;
padding-right:5px;
padding-top: 35px;
background: url(images/leftulbg.jpg) no-repeat top;
}
#right li{
background: url(images/ls.png) no-repeat left top;
padding-left: 2px;
margin-bottom:10px;
padding-bottom: 10px;
}
#right a{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
color: #3793ce;
font-weight:bold;
}
#right a:hover{
color: #000000;
}
.righthr{
height:1px;
margin-top: 30px;
border-bottom: 1px solid #000000;
}
#center_top{
background: url(images/right_top.png) no-repeat;
height:8px;
}
#center{
float: right;
width: 597px;
margin-right:227px;
}
#textblog{
padding-top: 0px;
padding-right: 10px;
padding-bottom: 8px;
padding-left: 5px;
}
#center H4{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: normal;
color: #022649;
padding-left:0px;
background: url(images/title_right.png) repeat-x bottom;
margin-bottom:20px;
padding-bottom:5px;
clear:both;
}
#center p {
margin: 0;
padding: 0;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
#center h2 {
margin: 0;
padding: 0;
padding-top: 10px;
color: #196050;
}
.read, #left ul li .read{
float:right;
}
.read a, #left ul li .read a{
font-weight:normal;
color: #ffffff;
background: url(images/read.png) no-repeat top;
width:104px;
height: 19px;
display: block;
padding-top:3px;
padding-right:15px;
text-align:center;
}
.read a:hover, #left ul li .read a:hover{
color: #000000;
}
.text{
padding-top:20px;
}
h3{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #18004f;
font-weight:bold;
}
#leftcol{
width: 195px;
float:left;
margin-left: 10px;
text-align:left;
}
#cencol{
width: 195px;
float:left;
margin-left: 40px;
text-align:left;
}
#rightcol{
width: 195px;
float:left;
margin-left: 40px;
margin-right: 10px;
text-align:left;
}
#footer {
height: 33px;
clear: both;
padding-top: 5px;
background: url(images/footer.jpg) repeat-x top;
margin-top:10px;
}
#footer p {
margin: 0;
font-size: 10px;
text-align: center;
color: #ffffff;
}
#footer a {
color: #ffffff;
}