Hi everyone, Here is something based on the "Any Order Columns" technic mentioned in this article: http://www.positioniseverything.net/articles/onetruelayout/anyorder (great article indeed)
<div style="display:inline; float:left; margin-left:200px;width:200px; background:#CCC"> first div in source, at the right side </div> <div style="display:inline; float:left; margin-left:-400px;width:100px; background:#EEE"> second div in source, at the left side </div> yes it works fine in IE. But It refused to work when I wanted everything to be floated to the right side: I changed the float:left to float:right, as well as the margin, like this: <div style="display:inline; float:right; margin-right:200px;width:200px; background:#CCC"> first div in source, at the left side </div> <div style="display:inline; float:right; margin-right:-400px;width:100px; background:#EEE"> second div in source, at the right side </div> The problem is, no matter how big the margin-right is,say -9999px, the left side of the second div just stick to the same line with the first div. Any suggestion here??? And now I have to set the negative margin to the first div to fix this, which is kinda weird: <div style="display:inline; float:right; margin-right:200px; margin-left:-400px; width:200px; background:#CCC"> first div in source, at the left side </div> <div style="display:inline; float:right; width:100px; background:#EEE"> second div in source, at the right side </div> And this bug, if it is a bug, apears in IE7 b2, too. :( You can get a live demo of what I said here: http://qi.jiahui.googlepages.com/nagative.html Any further reply would be greatly appreciated. Thanks! 9. ______________________________________________________________________ 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/
