I have a couple of problems with the html/css combination that can be
found at
www.blueumbrella.net. It's intended to be an exercise in
creating a layout that works for the vast majority of window size/font
size combinations.
Firstly, what I'd really like to achieve is a "menu" column that is
always wide enough to accomodate the widest word in the menu (currently
"heterogenous") and not much wider. (I'm happy to change the CSS if the
longest word in the menu ever changes!). Then I want the main div to
expand horizontally to take the remaining space (modulo
margins/borders). So far, the best approximation I've managed is a menu
of width 10em and a main div of width 65%. This seems to look reasonably
decent at a variety of window and text sizes, but it's easy to make the
main div overlap the menu by resizing the browser until 65% > 10em. Plus
it doesn't look neat: on IE6 at my "natural" browser size there's a
great big gap between main div and menu.
I did manage to find a solution that involved position:absolute, but it
didn't work in IE :( Plus I have one other requirement: I want the menu
underneath the main div in the HTML source!
Second problem: The page
www.blueumbrella.net/chinese works fine in
Mozilla, but in IE6 the content in the main div stops short - you get as
much content as fits in a space the height of the menu, and anything
below that is chopped off. This might be a mercy for anyone reading the
page, but has anyone any idea how to fix it?
Thanks,
Emily