Ciao, sto modificando il template del mio blog e ho qualche problema di formattazione, praticamente i post stanno sempre sul fondo della pagina e siccome è la prima volta che lavoro con i css non riesco a risolvere.


Qui trovate il blog così vi fate un'idea dei miei problemi.

Il codice è il seguente




<title><$BlogTitle$></title>
<style type="text/css">


body {
background-image: url(http://img403.imageshack.us/img403/1...sfondo2po8.jpg);
background-position: center;
background-repeat: repeat-y;
background-color: #000000;
font-family: Georgia, "Times New Roman", serif;
font-size: 12px;
text-align: center;
scrollbar-base-color: #FFFFFF;
scrollbar-arrow-color: #A51818;

}

a:link {
color: #FFFFFF
text-decoration: none;
}

a:visited {
color: #A58917;
text-decoration: none;
}

a:hover {
color: #8AC3E0;
text-decoration: none;
}

input,textarea {
background-color: #FFFFFF;
color: #000000;
}


#box {
color: #000000;
background-color: transparent;
font-family: Georgia, "Times New Roman", serif;
font-size: 12px;
padding-top: 5px;
padding-left: 15px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
width: 780px;

}

#header {

background-color: #000000;
background-image: url(http://img48.imageshack.us/img48/4199/banneroj0.jpg);
background-position: center;
background-repeat: no-repeat;
border: 1px solid #213F5D;
height: 250px;
margin-bottom: 15px;
}

#boxblog {
border-width: 1px solid;
color: #CCCCCC;
margin-top: 30px;
margin-left: 265px;
margin-right: auto;
width: 450px;
}


#menusx {
background-color: #213F5D;
border: 3px solid #000000;
float: left;
text-align: left;
color: #FFFFFF;
width: 210px;
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 15px;


}

#fondo {
height: 15px;
clear: both;
background-image: url();
background-position: center;
background-repeat: no-repeat;
}

.nomeblog{
font-family: Georgia, "Times New Roman", serif;
font-size: 0px;
font-style: oblique;
text-align: right;
color: #000000;
margin-right: 30px;
margin-top: 30px;
}




.boxmenu {
margin-bottom: 15px;
text-align: center;

}

.vocemenu {
color: #000000;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 30px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
text-align: left;
text-transform: capitalize;
font-weight: bold;
border-bottom: 1px solid #000000;

}





.divlog {
margin-bottom: 15px;
padding: 4px;
}

.titolopost {
color: #000000;
font-weight: bold;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 3px;
text-transform: capitalize;
text-align: left;
}

.datapost{
color: #213F5D;
text-transform: capitalize;
text-align: right;
font-weight: bold;
font-size: 12px;
border-bottom: 1px solid #213F5D;
padding-bottom: 2px;
padding-left: 3px;
margin-top: 10px;
}

.titolinilog {
color: #000000;
font-size: 12px;
text-align: left;
}

.boxblog{
color: #000000;
font-size: 12px;
text-align: justify;
margin-bottom: 10px;
}





#blog-pager div {
color: #000000;
display: inline;
font-size: 10px;
padding: 1px;
}

#blog-pager a {
display: inline;
margin: 3px;
text-decoration: overline;
}



.comment {
border-bottom: 0px none #4C6B5E;
margin-top: 1em;
background:transparent;
width: 99%;
}

.comment-body {
text-align: left;
font-style:normal;
font-variant:normal;
font-weight:normal;
margin-bottom: 10px;
}

.comment-top {
background: transparent;
text-align: right;
padding-bottom:.7em;
margin-right: .55em;
padding-right: .5em;
border-bottom: 0px none #4C6B5E;
font-style:normal;
font-variant:normal;
font-weight:normal;
}

.comment-bottom {
background: transparent;
text-align: left;
padding: .2em .0em .9em .0em ;
border-bottom: 1px solid #213F5D;
margin-top: 10px;
font-style:normal;
font-variant:normal;
font-weight:normal;
color: #213F5D;
}

.comment-tips {
background: transparent;
text-align: left;
padding-left:.5em;
font-style:normal;
font-variant:normal;
font-weight:normal;
color: #666666;
}

.comment-form-title {
background: transparent;
text-align: right;
margin-left: .55em;
margin-right: .55em;
margin-top: 20px;
padding-left: .5em;
padding-right: .5em;
border-bottom: 1px solid #213F5D;
font-style:normal;
font-variant:normal;
font-weight:normal;
color: #213F5D;
}

.comment-form-user {
background:transparent ;
padding-left:.5em;
padding-top: .3em;
margin-top: 5px;
text-align: left;
font-size:11px;
font-style:normal;
font-variant:normal;
font-weight:normal;
color: #28435E;
line-height: 1.3em;
}




.navigazione {
border:1px solid #213F5D;
color: #946850;
margin-bottom: 6px;
margin-top: 4px;
padding-bottom: 1px;
padding-left: 4px;
padding-right: 2px;
text-align: center;
}

.prev {
float: left;
text-align: left;
width: 45%;
}

.next {
float: right;
text-align: right;
width: 45%;
}

.home {
text-align: center;

}

</style>
</head>

<body>


<div id="box">


<div id="header">
<div class="nomeblog">
<$BlogTitle$>
</div>
</div>





<div id="menusx">



<div class="boxmenu">

<div class="vocemenu">
chi sono
</div>


<center>



</center>
</div>




<div class="boxmenu">

<div class="vocemenu">
Archivio
</div>

<center>

<$BlogArchive$>

</center>
</div>




<div class="boxmenu">

<div class="vocemenu">
Categorie
</div>

<center>

<$BlogCategories$>

</center>
</div>




<div class="boxmenu">

<div class="vocemenu">
Feeds-counter
</div>

<center>

<$BlogCounter$> visitatori



<$BlogFeeds$>

</center>
</div>




<div class="boxmenu">









<div class="boxmenu">

<div class="vocemenu">
Links
</div>

<center>

<$BlogLinkOut$>

</center>
</div>




<div class="boxmenu">

<div class="vocemenu">
Ultimi Commenti
</div>

<center>

<$BlogRecentComments$>

</center>
</div>


<div class="boxmenu">

<div class="vocemenu">
Bottoni
</div>

<center>

<$BlogButtons$>

</center>
</div>













</div>



<div id="boxblog">




<center>

<Blogger> <$BlogNavigation$>

</center>

<div class="divlog">
<div class="datapost">
<BlogDateHeaderDate><$BlogDateHeaderDate$></BlogDateHeaderDate>, ore
<$BlogItemDateTime$>
</div>
<div align="left"><div class="titolopost"><$BlogItemTitle$></div>
</div>


<div align="right">
<div class="boxblog"><$BlogItemBody$></div>

<div class="titolinilog"><$BlogItemAuthorNickname$></div>
P.link ¤ <$BlogItemCommentLink$><$BlogItemCommentList$> ¤ <$BlogItemComments$>(popup)



categoria : <$BlogItemCategories$>
</div>






</div>

</Blogger>
<center>
<$BlogPager$>
</center>

</div>


<div id="fondo">
</div>







</div>


</body>
</html>