Problems with CSS layout...

..

I found very similar renderings in both Moz and IE. According to the code, I would expect ≈14px separation between the left and middle columns in an 800px wide viewport, and ≈25px in a 1280px viewport. That is approximately what I found, with IE showing less separation.

I conclude that renderings are as expected.

cheers,

gary

Hiya.

Thanks for your reply.

That sounds very technical indeed...

From what you mentioned, and trying to understand it, did you mean that it's rendering the way I'm telling it to by the CSS, and I've just used incorrect CSS?

There's also a new screenshot of the site in Konqueror, exactly how it should look -- http://www.bshantiques.com/konq.png

What would I need to do to resolve the issue?

Thanks very much for your assistance.

Regards,

As you can see from the screen cap, there is very little difference between the khtml engine rendering and the Moz/Gecko rendering. IE has a smaller space. I see nothing to be concerned about.

cheers,

gary

Hiya.

Yep, Konqueror, Mozilla, Opera are all fine...

But it's FireFox and IE with the problems described in those screenshots I'd really like to fix - mostly at 800x600, which unfortunately seems to be what most will be using

I really don't know why it's occurring, but IE doesn't look like Mozilla in the way it renders it, at least not at 800x600... (IE6).

Thanks.

I don't know what you mean by a problem with Mozilla's Firefox, it renders the same as Mozilla and Opera for me. IE is, I think, exhibiting two bugs associated with floats. One is a doubled margin (the extra space on the left). The other is the mis-handling of the relative width of space next to a float. I don't find the results (in this case) objectionable, myself, but you might seek counsel at Big John and Holly Bergevin's site site. Specifically, the IE Doubled Float-Margin Bug and Float: The Bugs (The IE float model). The doubled margin is easy to fix, and the other may not matter once the margin is taken care of.

cheers,

gary