Need immediate help with this design

[170designs]

Hello guys, I need some quick help with this design. Please go to http://www.170designs.com/teenzone/ and help me fix the small white space (about 1 pixel in height) that is directly below the tabs and above the main content table. You can see the white space on the sides. The background of the main table is an image, called bg.gif, that has just a border on the sides. I need to use this image rather than a simple table with a border because it impacts the tab effect (which is not yet available... but when a user is on a page, that respective tab will come forward and no border will be seen directly below that tab.

So please take a look at my souce, it is very simple right now... all html/css and see if you can help me fix the small white space that I mentioned above.

Thanks,
Matt

 

[PoorDoggie]

its because the horizontal line is part of a seperate table, and the vertical one is a different table. Now, iexplorer automatically puts a small gap in the middle. I don't know how to fix it sorry.

EDIT: yo could do something like this:

<table cellpadding="0" cellspacing="0">
  <tr>
    <td>TABS HERE</td>
  </tr>
  <tr>
    <td style="background-image: url('bg.gif')">MAIN SITE</td>
  </tr>
</table>

That could fix it!

 

[170designs]

It doesn't fix it. Thanks for the suggestion though

Matt

 

[LeetPCUser]

IE6 sucks. Mozilla renders it properly...

I would say you should redo your coding so that it properly works. Make the tabs into a header file...using PHP call the header file then display the content with a full border with 1px solid blue. That should fix the problem. If you don't know how to do this PM me and I can help.

 

[gravymaster64]

lol in September Mozilla Firefox 1.5 is coming out. it was delayed and was supposed to have come out already as Mozilla Firefox 1.1. The beta for MF 1.5 is supposed to be out by August