Alignment Issues in FF/IE

Hi,
I'm an average web-designer I suppose. I have been at it for a number of years on and off. I'm after a long break on the ski slopes and currently trying to get back into the swing. I hope this forum and its members can help me learn and develop my trade.

So I've been redesigning a site for a client for a while, I'm just getting back into the swing of this stuff after sometime off. I've had the usual FF vs. IE problems and gotten it down to just two pages that I can't figure out how to solve. I would really appreciate some advice!

They display fine in IE and are a mess in FF. The page links are;

http://www.bjmarine.net/newsite/salesteam.html

http://www.bjmarine.net/newsite/services.html

http://www.bjmarine.net/newsite/images/bjmarine.css

Thanks for your input in advance!
Denis

You are a victim of floats!

In IE, floats are automatically 'cleared' (incorrectly according to the CSS spec). However FF does not clear them (which is how it should be )

For each 'block' of content you have on your pages, add this to their declaration;

Code: Select all

clear: both

I should also mention that on some of your pages you're using ID's more than once. If you need this facility, uses classes instead (difference between class and ID)

Thanks for that! clear: both; works great but when I change the mulitple id nests to class it stacks all the divs on top of each other vertically down the page.

Sorted it. I just needed to change the css file from # to .

Glad to help Denis. If you need any more help ask away