fixed width + remainder
in [CSS]
|
Prev: CFP: Special Issue on Semantics-enabled Software Engineering in IEEE TSMC-C
Next: Internet Explorer: Footer Smooshed, line up borders?
From: Jeff Thies on 17 May 2010 13:14 Lets say we have a fixed width navigation column of 200px. How to make the next column take up the remainder? It's easy to wrap under (and it wouldn't then be a column), or to specify everything as a percent, this is much harder. I have seen it done, but I don't remember how. How? It's trivial with tables! Jeff
From: David Stone on 17 May 2010 13:27 In article <hsrthj$cq$1(a)news.albasani.net>, Jeff Thies <jeff_thies(a)att.net> wrote: > Lets say we have a fixed width navigation column of 200px. How to make > the next column take up the remainder? It's easy to wrap under (and it > wouldn't then be a column), or to specify everything as a percent, this > is much harder. I have seen it done, but I don't remember how. How? It's > trivial with tables! > > Jeff faux columns - float your navigation left, and set a margin of at least the same width on your content container.
From: Beauregard T. Shagnasty on 17 May 2010 13:46 Jeff Thies wrote: > Lets say we have a fixed width navigation column of 200px. Fine, until those of your visitors with less than perfect eyesight increase their text size... then it falls apart. > How to make the next column take up the remainder? It's easy to wrap > under (and it wouldn't then be a column), or to specify everything as > a percent, this is much harder. I have seen it done, but I don't > remember how. How? Study this oft-recommended template. http://matthewjamestaylor.com/blog/ultimate-2-column-left-menu-ems.htm > It's trivial with tables! For you maybe. I'd rather just have a few divs. And tables are soooo last century! ;-) -- -bts -Four wheels carry the body; two wheels move the soul
From: Jeff Thies on 17 May 2010 14:55 David Stone wrote: > In article <hsrthj$cq$1(a)news.albasani.net>, > Jeff Thies <jeff_thies(a)att.net> wrote: > >> Lets say we have a fixed width navigation column of 200px. How to make >> the next column take up the remainder? It's easy to wrap under (and it >> wouldn't then be a column), or to specify everything as a percent, this >> is much harder. I have seen it done, but I don't remember how. How? It's >> trivial with tables! >> >> Jeff > > faux columns - float your navigation left, and set a margin of at least > the same width on your content container. I like it, thanks. Jeff
From: dorayme on 17 May 2010 19:56
In article <hsrvdr$bkn$1(a)news.eternal-september.org>, "Beauregard T. Shagnasty" <a.nony.mous(a)example.invalid> wrote: > Jeff Thies wrote: > > > Lets say we have a fixed width navigation column of 200px. > > Fine, until those of your visitors with less than perfect eyesight > increase their text size... then it falls apart. > At 200px and many links that have words are not very long (allowing wrap), it rarely falls apart... A very far cry from your implication of what actually happens for people with mere less than perfect eyesight. > > How to make the next column take up the remainder? It's easy to wrap > > under (and it wouldn't then be a column), or to specify everything as > > a percent, this is much harder. I have seen it done, but I don't > > remember how. How? > > Study this oft-recommended template. > http://matthewjamestaylor.com/blog/ultimate-2-column-left-menu-ems.htm > Don't do any such ridiculous over the top thing as studying this oft just to solve such a simple question as your. All you have to do if you float the navigation column of 200px, is make sure you give the next column an at least 200px left margin and ensure the correct order of the float and the content element in the HTML. > > It's trivial with tables! > > For you maybe. I'd rather just have a few divs. > And tables are soooo last century! ;-) Not for him only but for everyone including yourself. You are like a boxer that boxes on after the bell. No one is suggesting tables, this is not the Jenn thread. -- dorayme |