Tee G. Peng wrote:

> http://lotusseedsdesign.com/temp/floatedbox.html

> Basically I have the margin-top: -30px in the div.signup.
> 
> The example float page from W3C that Gunlaug Sortun posted, in the 
> example 3, second example doesn't work in IE 
> http://www.w3.org/Style/CSS/Test/float-margin
> 
> Is there no fix? I don't want to use CSS hack please.

The fix is to add...

div.signup_first, div.signup {position: relative;}

...to make IE/win render, or "paint", the part that's outside the edge
of the container. No "IE-hacking" needed, as position: relative is a
normal declaration that doesn't/shouldn't change anything in any browser
- except IE/win.

Adding...

div.signup_first, div.signup {display: inline;}

...is also necessary, to "kill" IE's 'margin-doubling on floats' bug.
No "IE-hacking" needed here either, as other browsers simply ignore
this declarations since floats *can't* be inline.

regards
        Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to