Spreaded thumbnails on archive page

Hi to everybody.
I have a photblog whose archive is organized in several pages; it can be browsed either by categories or months. Since I’m experiencing a strange situation so I would try to ask some help to solve the problem.
Looking at some archive page is possibile to see that the thumbnails are spreaded over the page and not ordered in rows of six. I mean, for instance, the first row has six thumbnails, the secon just one, the thisrd three, the fourth again six and so on. It would be helpful to give a look at the page, but, as far as I have understood it is not allowed to post any link to this forum. Note that such behaviour occur mainly on the older pages.
So know anybody what is the cause of such behaviour?
Note that I’m using the Movable Type Platform with paginate plug-in; by-the-way the same problem occurred even befor using the plug-in.
I’m using the following HTML code on all archive pages:

<table align=center width="800px">
<tr>
<td width=800px height=auto align=center valign=middle>
<MTPaginate>
<!–The next part is what generates the "page navigation" –>
<MTPaginateIfMultiplePages>
<p><$MTPaginateNavigator style="links" format="%d" $></p>
</MTPaginateIfMultiplePages>
<!– This part determines how many posts will go on the page, I set it to 30 –>
<MTPaginateContent max_sections="30">
<div id="wrapper">
<MTEntries lastn="2000">
<div class="thumb"><a href="<$MTEntryPermalink$>"><MTEntryExcerpt></a></div>
<$MTPaginateSectionBreak$>
</MTEntries>
<div class="clear"></div>
</div><!-close wrapper->
</MTPaginateContent>
</MTPaginate>
<div style="clear:both"></div>
</td>
</tr>
</table>

and the following CSS codes:

#wrapper{
margin: 10px auto;
text-align:left;
width:800px;
background-color:#FFF;
padding:20px 20px 20px 20px;
}

div.thumb{
margin: 5px;
border: 1px solid #BBB;
height: auto;
float:left;
text-align:center;
background-color:#FFF;
color:#FFF;
}

.thumb img{
display:inline;
margin: 5px;
background-color:#FFF;
color:#FFF;
}

Thank you much in advance for any help.

<body> <div id="container"> <div id="banner"> <h1><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1><br/> <h2><$MTBlogDescription$></h2> </div> <$MTInclude module="NavigationArchive"$> <$MTInclude module="Pulldown"$> <div id="center"> <div class="content"> <table align=center width="800px"> <tr> <td width=800px height=auto align=center valign=middle> <MTPaginate> <!–The next part is what generates the "page navigation" –> <MTPaginateIfMultiplePages> <p><$MTPaginateNavigator style="links" format="%d" $></p> </MTPaginateIfMultiplePages> <!– This part determines how many posts will go on the page, I set it to 30 –> <MTPaginateContent max_sections="30"> <div id="wrapper"> <MTEntries lastn="2000"> <div class="thumb"><a href="<$MTEntryPermalink$>"><MTEntryExcerpt></a></div> <$MTPaginateSectionBreak$> </MTEntries> <div class="clear"></div> </div><!-close wrapper-> </MTPaginateContent> </MTPaginate> <div style="clear:both"></div> </td> </tr> </table> </div> </div> </div> <$MTInclude module="Footer"$> </body>

Spreaded thumbnails on archive page

Strange behaviour on archive pages

birba

morehawes

birba

rocknbil

birba

rocknbil

birba

birba

rocknbil

birba

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week