Tee,
I think you are making things complicated for yourself. You don't need
conditional comments or the IE7 script just to get column widths to match
across browsers.
The trick to taming the box model problems of IE is to never set width and
(horizontal) padding for the same element. If you want padding, set it on a
nested element, or set margins directly on all children of the element.
When I made my suggestion, I wasn't just guessing - I saved the file locally
and changed the width and the gap disappeared. I wasn't meaning it to be a
complete fix, just to show the cause. Removing the width is good too.
Personally, I would just set the width of #content2 to match the rounded
corners, remove the padding, and set margins (but no widths) on the headings,
paras and the form inside #content2. Sorry I wasn't clearer in my last post.
Might have saved you some effort.
cheers,
Geoff
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] Behalf Of tee
Sent: Monday, 19 December 2005 9:53 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] IE float quest -SOLVED
On Dec 19, 2005, at 1:40 AM, Geoff Pack wrote:
Tee,
I suspect the problem is the IE box model. You have set a
width and
padding for #formWrapper.
Increasing the width of the #container by 20px, which is
the amount
of padding on the #formWrapper, seems to fix the problem.
#container { width: 825px; ...}
Hi Geoff, it doesn't quite work unfortunately, adding 25px to the
#container creates other problem for footer and the extra white
background for #content width.
I managed to solve the problem by eliminating the widths in certain
areas and with a IE conditional comments.
http://sl.lotusseeds.com/request3.html
Still have a minor problem to sovle at the bottom of the form, where
a gap appears when browser browser gets scroll.
Thanks for the suggestin anyway!
tee
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
