[thelist] CSS positioning question

Maximillian Schwanekamp anaxamaxan at neptunewebworks.com
Fri Apr 30 16:03:36 CDT 2004

I have a div
containing an img with align="right" and a ul with a few elements that
make up a link menu. The link menu has the CSS properties: "width:
15ex; margin: 2em auto 0px auto;" This margin trick is one the w3.org
has for horizontally centering content..<snip />..On IE6/Win and
IE5.2/Mac the ul is placed to the left of the img and
centered in the space in the div left of the img. But on Safari (1.2.1)
and Firefox (mac 0.8)...

I played around with your file, and came up with a suggestion.  Move to
XHTML 1.0 Transitional, change the invalid _'s to -'s in your CSS, and use
margin and width to get that div#left-list positioned. Anyway, here's a link
to my version:

I did a browsercam capture, and it seems OK (except for version 4 browsers,
since it's not hidden from them):

Probably someone on The List will come up with something more elegant, it
does work cross-browser.

Maximillian Von Schwanekamp
Dynamic Websites and E-Commerce
voice: 541-302-1438
fax: 208-730-6504

More information about the thelist mailing list