Ho "allargato" il tema atPN-Blue in modo da farlo diventare largo 950 pixel, al posto dei 780 originali.

Dopo aver modificato graficamente le varie parti del tema, e di conseguenza il codice compreso nel theme.html, ho riscontrato però questi problemi di spazi bianchi e di non giusto allineamento nella barra in alto, come potete vedere direttamente nell'homepage del sito:

http://www.anteprimafoto.com/cronaca/


Questo è il codice compreso nel theme.html del tema:

<html>

<head>
</head>

<body text="#000000" bgColor="#ffffff">

<table cellSpacing="0" cellPadding="0" width="950" border="0">
<tr>
<td>[img]{image-path}spacer.gif[/img]</td>
<td>[img]{image-path}spacer.gif[/img]</td>
<td>[img]{image-path}spacer.gif[/img]</td>
<td>[img]{image-path}spacer.gif[/img]</td>
<td>[img]{image-path}spacer.gif[/img]</td>
<td>[img]{image-path}spacer.gif[/img]</td>
<td>[img]{image-path}spacer.gif[/img]</td>
<td>[img]{image-path}spacer.gif[/img]</td>
<td>[img]{image-path}spacer.gif[/img]</td>
</tr>
<tr>
<td rowSpan="5">
[img]{image-path}HeaderLeft.gif[/img]</td>
<td colSpan="4">
[img]{image-path}HeaderTop3.gif[/img]</td>
<td colSpan="2" rowSpan="2">
[img]{image-path}HeaderTop2.gif[/img]</td>
<td bgColor="#000000" rowSpan="2">
[img]{image-path}spacer.gif[/img]
<div align="right">
<span class="slogan">{date} </span>
</div>
</td>
<td>[img]{image-path}spacer.gif[/img]</td>
</tr>
<tr>
<td>[img]{image-path}HeaderTop1.jpe[/img]</td>
<td bgColor="#000000" colSpan="3">
[img]{image-path}spacer.gif[/img]
<span class="slogan">{site-name}</span></td>
<td>[img]{image-path}spacer.gif[/img]</td>
</tr>
<tr>
<td colSpan="5">
[img]{image-path}BannerTop.gif[/img]</td>
<td colSpan="2" rowSpan="3">
[img]{image-path}HeaderEye.gif[/img]</td>
<td>[img]{image-path}spacer.gif[/img]</td>
</tr>
<tr>
<td colSpan="2">
[img]{image-path}BannerLeft.jpe[/img]</td>
<td colSpan="1">
[img]{image-path}bannercontentbg.jpg[/img]</td>
<td colSpan="2">
[img]{image-path}BannerRight.jpe[/img]</td>
<td>[img]{image-path}spacer.gif[/img]</td>
</tr>
<tr>
<td colSpan="5">
[img]{image-path}BannerBott.jpe[/img]</td>
<td>[img]{image-path}spacer.gif[/img]</td>
</tr>
<tr>
<td colSpan="8">
[img]{image-path}HeaderBottbg.gif[/img]</td>
<td>[img]{image-path}spacer.gif[/img]</td>
</tr>
</table>
<table cellSpacing="0" cellPadding="0" width="950" border="0">
<tr vAlign="top">
<td vAlign="top" align="left" width="42">[img]{image-path}left.gif[/img]</td>
<td bgColor="#333333">[img]{image-path}pixel.gif[/img]</td>
<td class="blockrightcontent">[img]{image-path}pixel.gif[/img]</td>
<td class="blockrightcontent" vAlign="top" width="150">{left-blocks}

</td>
<td bgColor="#ffffff">[img]{image-path}pixel.gif[/img]</td>
<td width="100%" bgColor="#ffffff" align="center">
<table cellSpacing="0" cellPadding="0" width="100%" border="0">
<tr>
<td align="center">{center-blocks}</td>
</tr>
</table>
{modules}</td>
<td bgColor="#ffffff">[img]{image-path}pixel.gif[/img]</td>
<td vAlign="top" width="150" bgColor="#ffffff">{right-blocks}

</td>
<td bgColor="#ffffff">[img]{image-path}pixel.gif[/img] </td>
<td bgColor="#333333">[img]{image-path}pixel.gif[/img]</td>
</tr>
</table>
<table cellSpacing="0" cellPadding="0" width="950" border="0">
<tr>
<td width="42"></td>
<td>
[img]{image-path}Footerdot.gif[/img]</td>
<td width="741" bgColor="#000000">
<div align="right">
<span class="slogan">{site-slogan} </span></div>
</td>
</tr>
</table>


<table cellSpacing="0" cellPadding="0" width="950" bgColor="#ffffff" border="0">
<tr align="middle">
<td width="100%" colSpan="3"><font class="pn-sub">

{footer-msg}</font></td>
</tr>
</table>

</body>

</html>

Sapreste aiutarmi per risolvere questi problemini?

Ciao e grazie anticipate!