CSS & table browser compatibility

[glotay]

Hi,

I'm new in this forum and let me start by saying that there are some very knowledgable people here.

I have a major issue regarding browser compatibility so I so hope there's someone out there that can help.

I have recently redesigned a website using CSS and tables as requested by the clients requirements. I created the web pages using IE5 and they seem to work well, however when viewed in Netscape 3+ and Mozilla's there seems to be a major graphical error.

The page I'm most concerned about can be found at this URL
http://www.newvic.ac.uk/newvic_new/courses.htm

You may notice that when viewed in IE5+ the page is displayed fine but when displayed in Mozilla and netscape there is a horizontal gap between the search section.

I would be grateful if someone could help, these pages have been validated by W3C and booby tests but still are ready for the world wide web just yet.

Thanks

[BuezaWebDev]

The website is still coded in tables.

As for your problem, it's because of margin and padding problems. Each cell has its own default setting for padding and margins, so it'll definitely have an effect on Mozilla/Firefox because Firefox is really picky with margins/padding.

[glotay]

Thats great Jaime Bueza, I really appreciate the advice. I've removed the table cell heights in the center cell 'Courses' and thats now moved up and merged, however the problem still lies with the cell underneath the text box.

Thanx anyway.