tests: IEW, layout blocks with relative positioning adjacent to floated blocks

paragraph in flow, hasLayout=false
Floated block

PARAGRAPH – Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim

paragraph in flow, position:relative set
Floated block

PARAGRAPH – Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim

paragraph in flow, position:relative set, offset specified
Floated block

PARAGRAPH – Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim

Relevant styles

.testgrid {padding:10px;}
.float {width:100px; height:100px; border:2px solid #000; float:left; background:url(bg.gif) repeat 10px 10px;}
.testgrid p {background:#6c8; color:#fff; margin:0;}
#t2 p {position:relative;}
#t3 p {position:relative; top:20px; left:20px}

Last modified: September 26 2009 06:59:28 GMT.