One word per line

[Eric Lindsay]

I recently came across a site
http://maetl.coretxt.net.nz/?m=xhtml-design-patterns which displays as
one word per line in Opera and Safari, but as a normal page (with a
different font) in Firefox (all on Macintosh). Can anyone explain just
what the CSS used to style that page is doing to manage the one word per
line trick?

--
http://www.ericlindsay.com

[Adam Risser]

I don't know if its a trick as much as it is a mistake :) Looking thru
the css, some things are wierd. This is in the content div,
'width:expression("60%");'. I'm not sure if opera or safari will get
that "expression" style right.

Adam

[Els]

Eric Lindsay wrote:

I recently came across a site
http://maetl.coretxt.net.nz/?m=xhtml-design-patterns which displays as
one word per line in Opera and Safari, but as a normal page (with a
different font) in Firefox (all on Macintosh). Can anyone explain just
what the CSS used to style that page is doing to manage the one word per
line trick?

It's not a trick, it's just bad coding.

Opera (and apparently Safari too) needs a width on an absolute
positioned object if you want another absolute positioned element
inside it without problems.

If you just give #content-main a width, say 600px, page looks fine.
But since it's absolute positioned on 140px from the right, a window
narrower than 740px would have the front of each sentence cut off.

Instead of position:absolute, a simple margin- and/or padding-right
would have given the same result, only it would work in Opera as well.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -