6
The reason you are having a problem below the header is because your logo image is too large and it is messing with the rest of your layout. If you make the logo smaller, the rest of the layout should fall nicely in to place.
If your header table is 1000px wide
and the rest of your layout is only 800px wide
As you can see you will have an error of 200px
Best way to be sure this dosent happen is to use % rather then set px amounts.
Put everything in a table, and tables within thoes. Now rather then say the header table width='960' say table width='100%'. This also wil solve any issues that may resault from users having different resolution settings.
This is your logo image incoded as you have it now:
<body>
<table cellspacing="0" cellpadding="0" class="bg">
<tr><td>
<table cellspacing="0" cellpadding="0" class="bg1" border="0" >
<tr><td class="header" width=249 hight=59><td>
<td align="center" ><a href="http://marabou94.free.fr/"><img src="http://marabou94.free.fr/themes/compucine/images/logo.jpg" width="1020" height="200" >a>
td>
<td class="banner">td>
tr>table><br>
td>
tr>
<tr>
<td>
I would suggestion changing it to the following:
<body>
<table cellspacing="0" cellpadding="0" class="bg">
<tr><td>
<table cellspacing="0" cellpadding="0" class="bg1" border="0" >
<tr><td class="header" width=249 hight=59><td>
<td align="center" ><a href="http://marabou94.free.fr/"><img src="http://marabou94.free.fr/themes/compucine/images/logo.jpg" width="510" height="100" >a>
td>
<td class="banner">td>
tr>table><br>
td>
tr>
<tr>
<td>
Once you resize the oversized logo image the rest of your layout should fall in to order.
Hope this helps :)