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
******************************************************
