[solved] Left Simple Navigation + 1 Column display problem with child menus

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
TJINAK
Forum Members
Forum Members
Posts: 136
Joined: Wed Feb 22, 2006 1:01 am

[solved] Left Simple Navigation + 1 Column display problem with child menus

Post by TJINAK »

Thank you for reading.

I'm currently working on the deisgn layout for this site:

http://redoubtrealty.com/

When using IE 7 I notice that the child menus for "Kenai Peninsula Land" are very hard to navigate. The menu disappears before I can navigate down the navigation list.  My thinking is that it has to do with the space between each menu title.  I noticed this is not a problem when viewing the site using firefox.  Perhaps there is a css hack that I need to employ to get around this problem?

I'm using the template Left simple navigation + 1 column, which is using the Navigation: simple -verticle menu template. 

I'm not sure where I would need to start editing to resolve this issue - a stylesheet or within the template for the menu...

Please advise if possible.

Thank you for your time and consideration,

TJ
Last edited by TJINAK on Mon Oct 01, 2007 12:26 am, edited 1 time in total.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Left Simple Navigation + 1 Column display problem with child menus

Post by Dr.CSS »

You could try...

#static_nav a{display:block}
TJINAK
Forum Members
Forum Members
Posts: 136
Joined: Wed Feb 22, 2006 1:01 am

Re: Left Simple Navigation + 1 Column display problem with child menus

Post by TJINAK »

Well Mark you got me thinking and I found a solution.

Not the best because I think it take away from the overall look of the menu but I made this change:

#primary-nav li {
  margin-bottom: -2px;
   position: relative;
}

This pulled the ul and li items together close enough that the white space did not colapse the menu bar.

TJ
Post Reply

Return to “Layout and Design (CSS & HTML)”