Fixed width menu with page width content?

[Cheech]

I have a page with header, footer and main content area. In the main content area there are 2 divs for the content and the nav. I would like the content to be effectivly attached to the side of the nav(which is fixed width) and then grow to the full remaining width of the page. Can some one tell me what is wrong with the css below?

#main {
	clear:both;
	position:relative;
  	float: right;
  	width: 65%;
  	padding-right:1em;
	z-index:2;
}
.navmenu{
position:relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 14em;
	text-align:left;
	vertical-align: top;
	z-index:3;
}

[Peace][Pipe]

 

[BabyJeffy]

Try making .navmenu float:left as well.

Cheers,
Jeff

[tt]Jeff's Blog [!]@[/!] CodeRambler

http://www.coderambler.com/

http://www.coedit.co.uk/

[/tt]

Make sure your web page and css validates properly against the doctype you have chosen - before you attempt to debug a problem!

FAQ216-6094

 

[iulyan26]

tips:
don't use percent
you can use and negative numbers for position
try absolute position in a div

or try to float one in left and the other in right

i hope it helps you

whend all you need is time

http://www.fleshsoft.eu