RE: Rotated Content

> Yes - the box is first flowed (if position:relative or static), and then
> the box is positioned (if position is not static) and then the box is
> rotated. The rotation is the _last_ transformation to be applied. It is
> applied to everything, in much the same way as the positoning is done in
> the first place.
This strikes me as being very messy. Say you have a box, say 200px wide and 10px
high before rotation, and it floats left. Text will flow round it, leaving a gap
for the box (assuming no border/margin/padding et al) of 200px wide and 10px
high. *Now* the box is rotated by 90deg. 10px x 10px of the gap is still
occupied by the gap, 190px x 10px of the gap is empty, and 10px by 190px of the
text against the left margin of the page will be obscured, or at least made
difficult to read.

Unless you reflow the text. Wouldn't it be best if the rotation was the first
transformation? You'd only have to flow the text once. A rotation of 45deg will
change the dimensions of the box, for this example it would become 142px by

I suppose with a bit of JavaScript working stuff out, you could place the
rotated element within another box of a fixed size that would be the correct
dimensions after rotation, but that's rather grubby.

Benjamin P Hardcastle
Web Development Manager
EPIC Group plc.
Tel: 01273 728686 x402
Fax: 01273 821567
Private & Confidential

Received on Friday, 16 July 1999 04:32:03 UTC