css navigation not working in master page

Topics: ASP.NET 2.0, Themes
Jan 14, 2010 at 6:56 PM

I am using a .net blog  application (BlogEngine.net) and to skin it you have to create a new masterpage.   I have most of it working but my dropdown navigation is not working.

Here is my page that isn't working:
http://www.commercialsilk.com/toolkit/

Then I decided to just take my styles and code and put on a normal page to see how it looks and it works as expected.
http://www.commercialsilk.com/del.aspx

Any thoughts on why it's doing this?

Jan 14, 2010 at 9:21 PM

Ok,  I think I found the issue.  It appears there is something that removes spaces and comments from the css that is used.   That is fine except for it screws up the following line:

CURRENT LINE WITH ISSUES
#topnavigation-products:hover div {display:block;width:595px;background:#999999;position:absolute;left:0;top:31px;border:1px solid #000;padding-bottom:10px;background:url(/images/nav-dd-grad-bk.jpg)}

WHAT THE LINE SHOULD BE KEPT AS
#topnavigation-products :hover div {display:block;width:595px;background:#999999;position:absolute;left:0;top:31px;border:1px solid #000;padding-bottom:10px;background:url(/images/nav-dd-grad-bk.jpg)}

 

Any thoughts on how I can keep the space before :hover there?

Jan 15, 2010 at 5:54 PM

Well, I found a solution. In the settings is 'Trim Stylesheets' and after I unchecked it loaded fine.