By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
426,133 Members | 1,113 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 426,133 IT Pros & Developers. It's quick & easy.

Flexible stylesheets

P: n/a

I have a couple of problems with the html/css combination that can be
found at 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 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?



Jul 20 '05 #1
Share this question for a faster answer!
Share on Google+

This discussion thread is closed

Replies have been disabled for this discussion.