[thelist] float of DIV in IE6
Takayuki KAWAMOTO [philsci]
philsci at jupiter.interq.or.jp
Wed Jan 30 11:20:01 CST 2002
Dear list,
Just for a reference.
I have had a headache for positioning of DIVs in IE6 and followed any
answers to this question (the same one has been asked by Mr. Raphael
Mazoyer on 19th Dec 2001 http://lists.evolt.org/archive/Week-of-Mon-20011217/048420.html), but
today it seems to be fixed with something in my revision. I don't know
whether it is a good answer, but at leat it works fine on my IE6 (ja)
If you make box-sizing property as "border-box" for keeping a
compatibility between IE and Mozilla, it might be good that
"box-sizing" and "-moz-box-sizing" are declared in the end of each
style.
When I revised this thing, my private page goes well at this time.
http://www.interq.or.jp/jupiter/philsci/index.html
On this page, I make 7 DIVs to be floated to the left side like as:
----------------
div.site {
width: 160px; margin: 1% 0% 0% 0%; padding: 5px;
border-left: 1px solid #999999; position: relative; float: left;
}
---------------
for 6 DIVs and,
---------------
div#notes {
width: 320px; margin: 1% 0% 0% 0%; padding: 5px;
border-left: 1px solid #999999; position: relative; line-height: 1.4em; float: left;
}
---------------
for one DIV at the right-bottom of this page. And each of these DIVs
share div { -moz-box-sizing: border-box; box-sizing: border-box; }.
Moreover <body> has the following properties:
---------------
body {
width: 100%; height: auto; margin: 0px; padding: 0% 14% 2% 14%;
color: #666666; background-color: #ffffff;
font-family: verdana, arial, helvetica, sans-serif; font-size: 1em; letter-spacing: 0ex; word-spacing: -0.1ex;
text-align: left; direction: ltr; text-autospace: ideograph-numeric; text-autospace: ideograph-alpha;
-moz-box-sizing: border-box; box-sizing: border-box;
}
---------------
I am sure that -moz-border-box and border-box will be remarked in CSS
validator at W3C and my ext. stylesheet must be invalid.
Just for a reference...
Good day,
Takayuki KAWAMOTO [philsci] @ Interface Workshop, Osaka, JAPAN
Web Designer, Ph.D candidate in philosophy ------------------------------------------------------------
m: philsci at jupiter.interq.or.jp
w: http://www.interq.or.jp/jupiter/philsci/iw-html-01/
More information about the thelist
mailing list