RE: Positioning and images?

 I usually state the images as backgrounds in the css file, while their position is defined
with e.g."background-position:100px 2px;". Careful with absolute/relative positioning, it
may produce overlaps. Margins and padding are great tools also. Stating the DIVs width &
height (even with % values) is mandatory in complex designs!
Hope these help,
Manos

-----Original Message-----
From: www-style-request@w3.org [mailto:www-style-request@w3.org]On Behalf Of Clover Andrew
Sent: Friday, January 05, 2001 8:23 PM
To: 'www-style@w3.org'
Subject: Re: Positioning and images?


Maury Markowitz <maury@sympatico.ca> wrote:

> When I do what seems to be the same thing using the DIVs as
> "cells", the image runs out of the header area and over the body text

Actually, it works for me, a nice liquid layout. However I can see
the culprit: <img align="right">. Both HTML align-right on images and
tables, and the CSS equivalent, 'float: right', suffer from weak
implementations; Netscape in particular is prone to positioning
floats over the top of other text.

The CSS positioning is not part of the problem, it's fine. (Though
'position: relative' on class article doesn't do much.) You could
attempt to produce a fake float-right effect using tables or more
CSS, but otherwise there's not much you can do; floats are
stuffed in many recent browsers. Sorry about that.

BTW problems like this are generally to do with browser implementations
rather than issues with W3's specs. Have you tried the authoring
newsgroups, and lists like http://www.webdesign-l.com/ ?

--
Andrew Clover
Technical Support
1VALUE.com AG

Received on Sunday, 7 January 2001 12:38:45 UTC