Spacing issue

[ikon]

I've gone through the code over and over and cannot find the culprit for why there is extra spacing on this site! http://www.downtowndebauchery.com

Any help is appreciated as always

[Beverleyh]

Which spacing are you referring too?

You could also use a global reset as a starting point and then tackle each element in turn after that? Try putting this at the top of your CSS

* { margin:0; padding:0; }

[ikon]

There is horizontal spacing above and below the row of links toward the top, under the main rotating banner in the middle, and at the bottom of the table also. You can see the grey textured background coming through the spaces

[Beverleyh]

The page is too large for my iphone to view - its getting totally overwhelmed with whatever its trying to download which I'm guessing is due to several large images? That's a separate matter you should address (make sure you optimise them for the web) but with the structural spacing thing, I believe that's down to the table. Different browsers render cellspacing and cellpadding differently, and they'll insert their own if nothing is specified, so you'd need to set them explicitly in the table tag like this;

<table border="0" cellpadding="0" cellspacing="0">

Setting them all to 0 will collapse all the cells so there are no gaps between.

[ikon]

those items have already been specified in the table tag

[Beverleyh]

There appear to be 3 tables. 2 of them don't have spacing or padding defined. Try doing it on them all and also try the global reset that I posted earlier.