[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