Alignment problem in Firefox

Hi all,

I created an initial design of my website here http://www.viconsulting.co.uk/testing/index.html which looks fine in IE but on you can see an alignment problem with Firefox. I haven't got a clue what the issue is, but it appears to be a common problem between the 2 browsers judging from other online posts.

I would greatly appreciate any help.

Thanks.

To be honest, I think you should start again by getting rid of tables as a layout tool and using properly structured semantic mark-up.

Also, place your css code in a seperate file and <link... it into your pages.

The same goes for JavaScript if and when you have any.

Thanks for your advice. Unfortunately I have developed the website considerably (the link I've given is just to show the alignment problem), hence it would be too much hassle to start again. If anyone knows how to amend this problem it would be greatly appreciated.

This layout is only going to cause you grief along the way. You really should do as I suggest.

However, you appear to have two td's on either side of your layout being used as spacers and it is these that are out of alignment.

With what you have at the moment the best thing to do would be to give them id's and use some css to bring them into line.

Having done that, you will probably need to use a conditional comment in IE to add some css that only IE reads to put them where IE wants them.

Like I said, this layout is not the way.

I hardly know anything about css so i didn't understand what you advised me to do. Some people have mentioned having a script that would detect if they're using firefox and then it would adjust the border accordingly.

havent got access to firefox so i cannot help you at this time. If you could put screenshots up i could have a go at identifying your problem. Thankies

To be honest it sounds like you 'want to run before you can walk'.

You need to work through some tutorials on correct xhtml semantic mark-up, css and layout techniques.

think geoff has said this but do an external css sheet and link it to your page.

Without actually playing with your design, my suggestion would be to double check the dimensions on all your table cells. Make sure they are exactly what the graphics widths should be and that the total of the three cells do not exceed or add up less than the total width of the table cell. Usually when you check the cell widths or play with them a bit, you can correct the alignment.

Hope that helps

This may sound silly but try resizing your window, I have a feeling that it will line up under certain widths and do that under others. I have seen that happen before. Other than that check your code etc..

__________________

The layout a bit smaller. I have to scroll over on my computer.