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 -px, 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/