2009/3/6 Robert Turner <[email protected]> > Why not make the entire nav element (mainNav) positioned absolute? I'd > probably use a <div> to contain the parent <ul> (if you are not already > doing this). I'd start with something like: > > .mainNav { > /* nav at top right of screen */ > position: absolute; > top: 0px; > right: 0px; > } > > The sub modules would then be rendered inside the parent nav. The sub > modules can also have a left margin to control indent: > > .subMod { > margin-left: Xpx; /* or use Xem to scale with screen resolutions/font > sizes */ > } > > I hope this is the info you are after? > > The trouble with this is that I can't find a way to make the rest of the site respect the length of these lists if they are absolutely positioned. They are not navs that site at the top anything of the screen, they're actually a sitemap and so will be two vertical lists sitting side-by-side on the page. (Sorry if I forgot to make that clear in my original email!)
So if they are absolutely positioned, the content area folds up behind the lists and they end up overlapping the footer. And because the list contents are based on the pages created in the CMS, I'm reluctant to lock it into a fixed height in case they add more pages after we turn it over to them and go back to the overlapping problem. If you know of any way to "clear" absolutely positioned elements similarly to the way floats can be cleared, I'd love to hear them. I can't find anything online myself. Cheers, Seona. ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [email protected] *******************************************************************
