NN7 issues

[rakess]

OK, Here it is

http://www.thejourneynh.com/cssindex.htm

I am attempting my first true Pure CSS layout... It looks great in IE (go figure) and Opera does Just fine as well but NN7 shifts the menu over on top of the content???

Any help would be greatly appreciated...

I want to understand why this happens not just get a fix.

ALSO

I would love to do some PureCSS Expanding menus on the left instead
of showing all the links but haven't found the right tutorial? Any ideas?

RAKESS

[Paul O'B]

Hi,

When things are different between ie and mozilla your first port of call should be to check the default margins and padding that is applied to elements. IE and mozilla will apply different amounts and it is your job to control this by setting them explicitly.

In ul's IE will allow space for the bullets by using a margin property however mozilla will use padding for the same effect. (Just as opera uses padding for the body default margins and other browers use the margin property).

So you just need to set the padding to zero as well as the margin for the ul which makes your left nav.

e.g.

#nav	 {margin: 0;padding:0; list-style-type: none; width: 10em;}

All things being equal that should line your page up correctly (with any luck ).

You can't do pure css menus because ie doesn't understand hover except on anchors. However there are some unobtrusive versions around such as the suckerfish dropdowns and this link below which has expandable menus.

http://www.gazingus.org/html/Using_L...TML_Menus.html

Hope that helps.

Paul

[rakess]

WOW Paul!!! thanks for the quick response and the clear explination!!!

I just noticed one more bug.... I am using a hack to do the transparent box for the content but now i see that nn7 make the text transparent as well? Does anyone know how to fix this??

RAKESS