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; ...}
cheers,
Geoff.
> -----Original Message-----
> From: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] Behalf Of tee
> Sent: Monday, 19 December 2005 4:26 PM
> To: [email protected]
> Subject: [WSG] IE float quest
>
>
> Greeting,
> I'd been working on solving this problem in the last three hours
> however I can't seemed to pinpoint the cause.
>
> In IE 6/ 5.5, my form drops to the bottom. I know this is a
> common IE
> bug and I was able to solve the problem in other sites by declaring
> clear left (or both or right) or display: inline. Except this time.
>
> This one is the perfect solution I wanted:
> http://sl.lotusseeds.com/request1.html
> and the css:
>
> #formWrapper { clear: right; position: relative; /* declaring
> position: relative or not doesn't seem matter to IE in this case*/
> font: 0.82em/1.5em "Lucida Grande", Arial, Helvetica,
> sans-serif;
> color: #4F4F4F;
> border: 2px solid #eee;
> background: #F3F3F3;
> width: 400px;
> padding: 0px 20px 20px;
> margin: 30px 30px 0px 10px;
> }
>
> Except that it drops to the bottom, here is the screen shot if you
> are a Mac user.
> http://sl.lotusseeds.com/ie.jpg
>
>
> So I declared 'display: inline' in the #formWrapper, it solves the
> problem but my background color shrinks to a small square above the
> the form in Firefox and Opera (both PC and Mac); in Safari and IE,
> the background color completely gone.
> Here is the page.
>
> http://sl.lotusseeds.com/request.html
> and the css:
>
> .#formWrapper {clear: right; display: inline;
> font: 0.8em/1.5em "Lucida Grande", Arial, Helvetica, sans-serif;
> color: #4F4F4F;
> border: 2px solid #eee;
> background: #F3F3F3;
> width: 400px;
> padding: 0px 20px 20px;
> margin: 30px 30px 0px 10px;
> }
>
> I know when asking help from this list, a validated page and
> css is a
> must - well, I do have my HTML validated and the 99.8% of CSS are
> validated too, except that I used the "-moz-border-radius" that the
> W3C validator gave me error - hope this is acceptable :)
>
> Thank you!
>
> 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
******************************************************
