|
I found it!!! Thanks for your suggestion David, but that wasn’t it. However it did prompt me to go looking at the site where I got the original inspiration from (translation – I went back ot the site I stole it from in the first place before I tinkered with it beyond recognition to all but the original designer).
The problem was the left margin setting for the right hand sidebar. It was set to 420px from the left, which put that box too far to the right, and it was forcing the right side of the main container box out to the right in IE. It just overlaid the edge of that box in the other browsers, and since it was transparent, I didn’t see it overlapping in NN and FF. The solution: reduce the left margin on the sidebar to 410px and it was done.
As a result I’ve learned this lesson: When you’re laying out the basic blocks for your page, it’s a good idea to give each a different colour background, so you can see just where all the boxes are falling, which ones are touching and which aren’t. When you have everything laid out how you want, and floating in the right places, THEN change the background colours to white or transparent or whatever your design calls for. Using different colour backgrounds is better than the technique I’ve been using up to now (giving each a border of a different colour) because borders take up space. Background colours don't take up horizontal or vertical space, so therefore don't affect the way the boxes float and/or line up against each other.
Cheers Mike Kear Windsor, NSW, Australia AFP Webworks http://afpwebworks.com
From:
[EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of David McDonald
Try using display:inline on the floated element in question.
It's most probably one of the IE bugs listed here:
Regards, |
Title: Message
- [WSG] Width difference in IE - OK in Firefox Michael Kear
- RE: [WSG] Width difference in IE - OK in Firefox David McDonald
- Michael Kear
