Ciao, volevo mettere dei bordi arrotondati al footer del mio sito e per farlo ho inserito un'immagine.
Il problema è che la parte del contenuto "container" sborda sotto il l'immagine del footer
Io penso che sia per colpa dell'altezza che è impostata su "auto", solo che io non voglio dargli un'altezza fissa!
Dove sbaglio?
Il problema è che la parte del contenuto "container" sborda sotto il l'immagine del footer
Io penso che sia per colpa dell'altezza che è impostata su "auto", solo che io non voglio dargli un'altezza fissa!
Dove sbaglio?
Codice:
body {
font-family:Arial, Times New Roman, Verdana;
background-image:url(img/sfondoindex.jpg);
background-position:center;
margin-bottom:10px;
margin-left:0px;
margin-right:0px;
margin-top:10px;
text-align:center;
font-size:16px;
}
h1 {
font-size:14px;
font-style:italic;
}
h2 {
font-size:15px;
font-style:italic;
text-align:justify;
}
h3 {
font-size:18px;
font-style:italic;
}
p {
font-size:15px;
text-align:justify;
padding:10px;
}
#container {
margin:0px auto;
text-align:center;
width:800px;
height:auto;
background-color:#000;
}
#header {
background-image:url(img/headerfoto.png);
width:800px;
height:150px;
background-repeat:no-repeat;
background-position:center;
margin:0px auto;
}
#csx {
width:150px;
height:auto;
margin:100px 0px 0px 0px;
padding:0px;
text-align:left;
float:left;
background-color:#f6eadd;
}
#content {
width:500px;
height:auto;
margin:30px 0px 0px 0px;
padding:0px;
text-align:center;
background-color:#f6eadd;
float:left;
}
#cdx {
width:150px;
height:auto;
margin:100px 0px 0px 0px;
padding:0px;
text-align:left;
float:right;
background-color:#f6eadd;
}
#menusx {
width:150px;
height:auto;
}
#menusx ol {
list-style-type:none;
font-weight:bold;
font-size:13px;
padding:0px 0px 0px 20px;
}
#menusx ol li {
margin:0px 0px 0px 0px;
}
#menusx ol li a{
text-decoration:none;
color:#4b1146;
}
#menusx a:hover {
text-decoration:none;
color:#a478b2;
}
#menudx {
width:150px;
height:auto;
}
#menudx ol {
list-style-type:none;
font-weight:bold;
font-size:13px;
padding:0px 0px 0px 30px;
}
#menudx ol li {
margin:0px 0px 0px 0px;
}
#menudx ol li a{
text-decoration:none;
color:#4b1146;
}
#menudx a:hover {
text-decoration:none;
color:#a478b2;
}
#gallery {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#scritte {
border:1px solid;
width:160px; /*per cambiare riquadro img*/
height:200px;
text-align:center;
float:left;
margin:0px 3px 20px 0px;
background-color:#ffffff;
}
img {
border:none;
margin:10px 0px 0px 0px;
}
#footer {
background-image:url(img/footerfoto.png);
background-position:center;
background-repeat:no-repeat;
width:800px;
height:50px;
clear:both;
margin:0px auto;
padding:0px 0px 0px 0px;
}
