Style table via CSS. Out of 5 cells, 1 is off - why?

Fast Ventures · Joined: 10 Dec 2006 Posts: 9

Hi there. It looks like I’m going to need your help again with a vexing table issue.

Check this out:

http://www.fastventures.co.uk/en/sec_test.html

Take a close look at the table that includes the main navigation bar and you will notice that to the right, the last cell is off by 1 px although the entire table was consistently styled via CSS to match the following criteria:

.hspacer_36 /* height spacer **/
{
background-color: #999999;
height: 36px;
}

The odd thing is, that the table right next to (to the left) was styled exactly like that and displays perfectly. Any ideas?

As you can imagine, resolving this issue is critical as we otherwise may not be able to adopt this design.

Thanks a million for your time and help.

Corey Bryant · Posted: Sat Sep 15, 2007 1:56 pm

Honestly, you probably will get a better answer for this type of question over at International Web Developer's Network.

Having said that though, you might also consider putting

Fast Ventures · Joined: 10 Dec 2006 Posts: 9

I figured it out by using a FireFox plugin called “Firebug”.

This amazing tool enables you to browse any website in FireFox and analyse HTML, CSS, and Java that’s used within the page. For those of you who haven’t heard about it, I definitely recommend it.

Other than that, I would like to thank everybody who took some time of it his/her well deserved weekend to keep me from going ballistic over this.

I will also take your thoughts concerning CSS based layouts under advisement and read up on the subject.

Again, many thanks.