6 replies [Last post]
Incite-Admins
Incite-Admins's picture
Offline
newbie
Last seen: 2 years 26 weeks ago
Timezone: GMT-4
Joined: 2011-09-23
Posts: 4
Points: 5

Hi CSS guru's!

I really hate asking for help before contributing to the community, but I really hope someone can help me figure this out since I've literally started hitting my head on the desk after trying everything I can think of and find with Google.

My issue is that the sub menu is showing up on the same line as the main menu in Chrome and bunched up on the left in IE 6 & 7. All versions of Firefox and Opera plus IE 8 & 9 display the page how I want it.

I attached screen shots of the 3...layouts.

Thanks so much for all your help!

here's my css code:

	#zone-menu-wrapper {
		background:url(../images/green-nav-bg.png) repeat-x;
		line-height:50px;
		}
			#region-menu {
				}
				/*Style Main Menu*/
				.main-menu {line-height:50px; width:100%;}
				.main-menu ul {}
				.main-menu li {float:right; width:102px; line-height:50px; text-align:center; font-family:Arial,Verdana,Helvetica, sans-serif; font-size:16px;  color:#fff; list-style-type:none;}
				.main-menu li a {float:left; width:102px;  font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; list-style:none; text-decoration:none;}
				.main-menu li a:hover {float:left; background:url(../images/green-hover.png) no-repeat; width:100px; height:50px;}
				/*Style Sub Menu*/
				.secondary-menu { line-height:30px; width:100%}
				.secondary-menu ul {}
				.secondary-menu li {float:right; line-height:30px; text-align:center; font-family:Arial,Verdana,Helvetica, sans-serif; font-size:16px; color:#0C6CAB; list-style-type:none;}
				.secondary-menu li a {float:left; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#0C6CAB; list-style:none; text-decoration:none;}
				.secondary-menu li a:hover {height:30px; float:left; color:#6D9E30;}

AttachmentSize
FF_Opera_IE8-9.jpg20.1 KB
WebKit.jpg20.81 KB
IE6-7.jpg19.19 KB
gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 2 hours 59 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9057
Points: 3026

HTML?

Quote:

I really hate asking for help before contributing to the community

Don't worry about it. Most folks find us because they have a problem. Many then hang around to become valuable contributors.

It would help us to have the html this stylesheet works against. Even more helpful would be a link to the misbehaving page, if you can make the page public. If not, make a minimal test case for us.

As a code fixer, I see all sorts of source and have become very much the curmudgeon where formatting is concerned. It must be easily readable for debugging! Yours is not. Horizontal formatting for each selector is among the least readable and among the most error prone. This is my opinion, backed by years of experience. Others may differ, and they're wrong. Tongue

I have reformatted your css (see below). I am not able to see exactly what you're doing without the html. Someone else may be more familiar with your method, and can spot the error. If not, I'll look for your added info.

Reformatted CSS
Notice that the selector is flush left, and properties are indented 2 spaces. Any value in the 2−4 space range is good. Do not use tabs. I also sort the properties alphabetically so duplicate and contradictory properties are easily spotted. Other sorting regimes are OK as long as they're used consistently.

#zone-menu-wrapper {
  background:url(../images/green-nav-bg.png) repeat-x;
  line-height:50px;
}
 
#region-menu {}
 
/*Style Main Menu*/
.main-menu {
  line-height:50px; 
  width:100%;
}
 
.main-menu ul {}
 
.main-menu li {
  color:#fff; 
  float:right; 
  font-family:Arial,Verdana,Helvetica, sans-serif; 
  font-size:16px;  
  line-height:50px; 
  list-style-type:none;
  text-align:center; 
  width:102px; 
}
 
.main-menu li a {
  color:#fff; 
  float:left; 
  font-family:Arial, Helvetica, sans-serif; 
  font-size:15px; 
  list-style:none; 
  text-decoration:none;
  width:102px;  
}
 
.main-menu li a:hover {
  background:url(../images/green-hover.png) no-repeat; 
  float:left; 
  height:50px;
  width:100px; 
}
 
/*Style Sub Menu*/
.secondary-menu { 
  line-height:30px; 
  width:100%
}
 
.secondary-menu ul {}
 
.secondary-menu li {
  color:#0C6CAB; 
  float:right; 
  font-family:Arial,Verdana,Helvetica, sans-serif; 
  font-size:16px; 
  line-height:30px; 
  list-style-type:none;
  text-align:center; 
}
 
.secondary-menu li a {
  color:#0C6CAB; 
  float:left; 
  font-family:Arial, Helvetica, sans-serif; 
  font-size:15px; 
  list-style:none; 
  text-decoration:none;
}
 
.secondary-menu li a:hover {
  color:#6D9E30;
  float:left; 
  height:30px; 
}

cheers,

gary

Unplanned code results in a tangled wad of brain-cramping confusion.

There are enough html & css demos and tutorials to be interesting. Please visit.

Incite-Admins
Incite-Admins's picture
Offline
newbie
Last seen: 2 years 26 weeks ago
Timezone: GMT-4
Joined: 2011-09-23
Posts: 4
Points: 5

HTML is PHP generated

Thanks for helping Gary,

I've got most of the file vertically formatted. This section is horizontal from me continually adding and removing things and getting tired of adding lines all the time. Shot myself in the foot it seems.

I'm using Drupal 7 with the Omega HTML5 base theme so I don't have html to post. The site is http://www.incite-edge.com. I've used Firebug to figure out the CSS classes applied to each object and added a module to specify link properties & ID's.

I think it's got something to do with the having 2 ul in the same div, but have no idea how to fix that and could be completely wrong. Web technologies aren't definitely not strong point.

Thanks again for the help, my forehead appreciates it Laughing out loud

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 2 hours 59 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9057
Points: 3026

To show us the php generated

To show us the php generated html source, open the page in your browser, then view source. That's what we need. Copy/paste from there.

As with most (all?) general CMSes, there are a ridiculous number of unnecessary elements and wa-ay too many class and id tokens. They are only needed so that one size fits all. On top of that are draped the theme styles; 30 stylesheets all told, give or take, by my count. Drupal is likely the best of the lot, though.

I'd at least delete the {display: inline;} from and add {margin: 0;} to the sub-ul.

You've also got Meyer's css reset, http://www.incite-edge.com/sites/all/themes/omega/alpha/css/alpha-reset.css?lrumiq

See Gllobal resets considered harmful for my take on that. The whole thread offers several opinions.

There's something going on concerning the width of the uls. Their being inline may be (a part of) the problem. It doesn't help that I'm not all that conversant with Chrome's developer tools.

cheers,

gary

Unplanned code results in a tangled wad of brain-cramping confusion.

There are enough html & css demos and tutorials to be interesting. Please visit.

Incite-Admins
Incite-Admins's picture
Offline
newbie
Last seen: 2 years 26 weeks ago
Timezone: GMT-4
Joined: 2011-09-23
Posts: 4
Points: 5

HTML

I've viewed a websites source code before, It was more of a FYI since I know Drupal (and CMS in general) is heavy on "extra" code. I'm not sure if building from scratch again would be less work since I'll be using full HTML within Drupal to make my pages.

The point of Drupal was to make certain things easier. Having active content like a blog, forum, news room, homepage jquery slideshow on the homepage, search, etc. I'm sort of living with it for anything else for those benefits.

Thanks for pointing out the resets & inline, I didn't notice them since their apparently inherited from my base theme. I know anything I specify over-rides their code which over-rides Drupal. Would you recommend flat out removing that code or just over-riding it with my own CSS to maintain upstream compatibility?

Do you have any other suggestions for enabling the "active content" without the weight on normal pages and website elements?

At any rate, thanks for the article. It was eye opening for sure. Here is a copy of the (overly confusing) HTML.

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
<link rel="shortcut icon" href="http://www.incite-edge.com/sites/default/files/favicon.png" type="image/png" />
<link rel="canonical" href="/about-us" />
<meta name="Generator" content="Drupal 7 (<a href="http://drupal.org" rel="nofollow">http://drupal.org</a>)" />
<link rel="shortlink" href="/node/2" />
  <title>About Us | Incite-Edge</title>  
  <style type="text/css" media="all">@import url("http://www.incite-edge.com/modules/system/system.base.css?lrumiq");
@import url("http://www.incite-edge.com/modules/system/system.menus.css?lrumiq");
@import url("http://www.incite-edge.com/modules/system/system.messages.css?lrumiq");
@import url("http://www.incite-edge.com/modules/system/system.theme.css?lrumiq");</style>
<style type="text/css" media="all">@import url("http://www.incite-edge.com/modules/comment/comment.css?lrumiq");
@import url("http://www.incite-edge.com/modules/field/theme/field.css?lrumiq");
@import url("http://www.incite-edge.com/modules/node/node.css?lrumiq");
@import url("http://www.incite-edge.com/modules/poll/poll.css?lrumiq");
@import url("http://www.incite-edge.com/modules/search/search.css?lrumiq");
@import url("http://www.incite-edge.com/modules/user/user.css?lrumiq");
@import url("http://www.incite-edge.com/modules/forum/forum.css?lrumiq");</style>
 
<style type="text/css" media="all">@import url("http://www.incite-edge.com/sites/all/themes/omega/alpha/css/alpha-reset.css?lrumiq");
@import url("http://www.incite-edge.com/sites/all/themes/omega/alpha/css/alpha-mobile.css?lrumiq");
@import url("http://www.incite-edge.com/sites/all/themes/omega/alpha/css/alpha-alpha.css?lrumiq");
@import url("http://www.incite-edge.com/sites/all/themes/omega/omega/css/formalize.css?lrumiq");
@import url("http://www.incite-edge.com/sites/all/themes/omega/omega/css/omega-text.css?lrumiq");
@import url("http://www.incite-edge.com/sites/all/themes/omega/omega/css/omega-branding.css?lrumiq");
@import url("http://www.incite-edge.com/sites/all/themes/omega/omega/css/omega-menu.css?lrumiq");
@import url("http://www.incite-edge.com/sites/all/themes/omega/omega/css/omega-forms.css?lrumiq");
@import url("http://www.incite-edge.com/sites/all/themes/omega/omega/css/omega-visuals.css?lrumiq");
@import url("http://www.incite-edge.com/sites/all/themes/incite_edge/css/global.css?lrumiq");</style>
 
<!--[if (lt IE 9)&(!IEMobile)]>
<style type="text/css" media="all">@import url("http://www.incite-edge.com/sites/all/themes/incite_edge/css/incite-edge-alpha-default.css?lrumiq");
@import url("http://www.incite-edge.com/sites/all/themes/incite_edge/css/incite-edge-alpha-default-normal.css?lrumiq");
@import url("http://www.incite-edge.com/sites/all/themes/omega/alpha/css/grid/alpha_default/normal/alpha-default-normal-12.css?lrumiq");</style>
<![endif]-->
 
<!--[if gte IE 9]><!-->
<style type="text/css" media="all and (min-width: 740px) and (min-device-width: 740px), (max-device-width: 800px) and (min-width: 740px) and (orientation:landscape)">@import url("http://www.incite-edge.com/sites/all/themes/incite_edge/css/incite-edge-alpha-default.css?lrumiq");
@import url("http://www.incite-edge.com/sites/all/themes/incite_edge/css/incite-edge-alpha-default-narrow.css?lrumiq");
@import url("http://www.incite-edge.com/sites/all/themes/omega/alpha/css/grid/alpha_default/narrow/alpha-default-narrow-12.css?lrumiq");</style>
<!--<![endif]-->
 
<!--[if gte IE 9]><!-->
<style type="text/css" media="all and (min-width: 980px) and (min-device-width: 980px), all and (max-device-width: 1024px) and (min-width: 1024px) and (orientation:landscape)">@import url("http://www.incite-edge.com/sites/all/themes/incite_edge/css/incite-edge-alpha-default.css?lrumiq");
@import url("http://www.incite-edge.com/sites/all/themes/incite_edge/css/incite-edge-alpha-default-normal.css?lrumiq");
@import url("http://www.incite-edge.com/sites/all/themes/omega/alpha/css/grid/alpha_default/normal/alpha-default-normal-12.css?lrumiq");</style>
<!--<![endif]-->
 
<!--[if gte IE 9]><!-->
<style type="text/css" media="all and (min-width: 1220px)">@import url("http://www.incite-edge.com/sites/all/themes/incite_edge/css/incite-edge-alpha-default.css?lrumiq");
@import url("http://www.incite-edge.com/sites/all/themes/incite_edge/css/incite-edge-alpha-default-wide.css?lrumiq");
@import url("http://www.incite-edge.com/sites/all/themes/omega/alpha/css/grid/alpha_default/wide/alpha-default-wide-12.css?lrumiq");</style>
 
<!--<![endif]-->
  <script type="text/javascript" src="http://www.incite-edge.com/misc/jquery.js?v=1.4.4"></script>
<script type="text/javascript" src="http://www.incite-edge.com/misc/jquery.once.js?v=1.2"></script>
<script type="text/javascript" src="http://www.incite-edge.com/misc/drupal.js?lrumiq"></script>
<script type="text/javascript" src="http://www.incite-edge.com/sites/all/themes/omega/omega/js/jquery.formalize.js?lrumiq"></script>
<script type="text/javascript" src="http://www.incite-edge.com/sites/all/themes/omega/omega/js/omega-mediaqueries.js?lrumiq"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
jQuery.extend(Drupal.settings, {"basePath":"\/","pathPrefix":"","ajaxPageState":{"theme":"incite_edge","theme_token":"00_pVvXlO3w8YtoCj3AaAfDvViik4vg_p0N8_T0nL9o","js":{"misc\/jquery.js":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"sites\/all\/themes\/omega\/omega\/js\/jquery.formalize.js":1,"sites\/all\/themes\/omega\/omega\/js\/omega-mediaqueries.js":1},"css":{"modules\/system\/system.base.css":1,"modules\/system\/system.menus.css":1,"modules\/system\/system.messages.css":1,"modules\/system\/system.theme.css":1,"modules\/comment\/comment.css":1,"modules\/field\/theme\/field.css":1,"modules\/node\/node.css":1,"modules\/poll\/poll.css":1,"modules\/search\/search.css":1,"modules\/user\/user.css":1,"modules\/forum\/forum.css":1,"sites\/all\/themes\/omega\/alpha\/css\/alpha-reset.css":1,"sites\/all\/themes\/omega\/alpha\/css\/alpha-mobile.css":1,"sites\/all\/themes\/omega\/alpha\/css\/alpha-alpha.css":1,"sites\/all\/themes\/omega\/omega\/css\/formalize.css":1,"sites\/all\/themes\/omega\/omega\/css\/omega-text.css":1,"sites\/all\/themes\/omega\/omega\/css\/omega-branding.css":1,"sites\/all\/themes\/omega\/omega\/css\/omega-menu.css":1,"sites\/all\/themes\/omega\/omega\/css\/omega-forms.css":1,"sites\/all\/themes\/omega\/omega\/css\/omega-visuals.css":1,"sites\/all\/themes\/incite_edge\/css\/global.css":1,"ie::normal::sites\/all\/themes\/incite_edge\/css\/incite-edge-alpha-default.css":1,"ie::normal::sites\/all\/themes\/incite_edge\/css\/incite-edge-alpha-default-normal.css":1,"ie::normal::sites\/all\/themes\/omega\/alpha\/css\/grid\/alpha_default\/normal\/alpha-default-normal-12.css":1,"narrow::sites\/all\/themes\/incite_edge\/css\/incite-edge-alpha-default.css":1,"narrow::sites\/all\/themes\/incite_edge\/css\/incite-edge-alpha-default-narrow.css":1,"sites\/all\/themes\/omega\/alpha\/css\/grid\/alpha_default\/narrow\/alpha-default-narrow-12.css":1,"normal::sites\/all\/themes\/incite_edge\/css\/incite-edge-alpha-default.css":1,"normal::sites\/all\/themes\/incite_edge\/css\/incite-edge-alpha-default-normal.css":1,"sites\/all\/themes\/omega\/alpha\/css\/grid\/alpha_default\/normal\/alpha-default-normal-12.css":1,"wide::sites\/all\/themes\/incite_edge\/css\/incite-edge-alpha-default.css":1,"wide::sites\/all\/themes\/incite_edge\/css\/incite-edge-alpha-default-wide.css":1,"sites\/all\/themes\/omega\/alpha\/css\/grid\/alpha_default\/wide\/alpha-default-wide-12.css":1}},"omega":{"layouts":{"primary":"normal","order":["narrow","normal","wide"],"queries":{"narrow":"all and (min-width: 740px) and (min-device-width: 740px), (max-device-width: 800px) and (min-width: 740px) and (orientation:landscape)","normal":"all and (min-width: 980px) and (min-device-width: 980px), all and (max-device-width: 1024px) and (min-width: 1024px) and (orientation:landscape)","wide":"all and (min-width: 1220px)"}}}});
//--><!]]>
</script>
  <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
 
<body class="html not-front not-logged-in page-node page-node- page-node-2 node-type-page context-about-us">
  <div id="skip-link">
    <a href="#main-content" class="element-invisible element-focusable">Skip to main content</a>
  </div>
  <div class="region region-page-top" id="region-page-top">
  <div class="region-inner region-page-top-inner">
      </div>
</div>  <div class="page clearfix" id="page">
      <header id="section-header" class="section section-header">
 
  <div id="zone-user-wrapper" class="zone-wrapper zone-user-wrapper clearfix">  
  <div id="zone-user" class="zone zone-user clearfix container-12">
    <div class="grid-12 region region-user-first" id="region-user-first">
  <div class="region-inner region-user-first-inner">
    <div class="block block-menu block-menu-quick-links block-menu-menu-quick-links odd block-without-title" id="block-menu-menu-quick-links">
  <div class="block-inner clearfix">
 
    <div class="content clearfix">
      <ul class="menu"><li class="first leaf"><a href="http://www.google.ca" title="">Sign-In</a></li>
<li class="last leaf"><a href="http://www.ringcentral.com/ringme/ringme.asp?uc=1691B29B03C34568CFE71C7F68F659C4596161953934,0,&amp;s=no&amp;v=2" id="tfnumber" target="_blank">800-385-2519</a></li>
 
</ul>    </div>
  </div>
</div>  </div>
</div>  </div>
</div><div id="zone-branding-wrapper" class="zone-wrapper zone-branding-wrapper clearfix">  
  <div id="zone-branding" class="zone zone-branding clearfix container-12">
    <div class="grid-9 region region-branding" id="region-branding">
  <div class="region-inner region-branding-inner">
        <div class="branding-data clearfix">
            <div class="logo-img">
 
        <a href="/" rel="home" title="Incite-Edge"><img src="http://www.incite-edge.com/sites/default/files/Incite-Edge-website.gif" alt="Incite-Edge" id="logo" /></a>      </div>
                        <hgroup class="site-name-slogan element-invisible">        
                                <h2 class="site-name element-invisible"><a href="/" rel="home" title="Home">Incite-Edge</a></h2>
                                        <h6 class="site-slogan element-invisible">Business Integration &amp; Automation Solutions</h6>
              </hgroup>
          </div>
          </div>
 
</div><div class="grid-3 region region-user-second" id="region-user-second">
  <div class="region-inner region-user-second-inner">
    <div class="block block-search block-form block-search-form odd block-without-title" id="block-search-form">
  <div class="block-inner clearfix">
 
    <div class="content clearfix">
      <form action="/about-us" method="post" id="search-block-form" accept-charset="UTF-8"><div><div class="container-inline">
      <h2 class="element-invisible">Search form</h2>
    <div class="form-item form-type-textfield form-item-search-block-form">
  <label class="element-invisible" for="edit-search-block-form--2">Search </label>
 
 <input title="Enter the terms you wish to search for." type="text" id="edit-search-block-form--2" name="search_block_form" value="" size="15" maxlength="128" class="form-text" />
</div>
<div class="form-actions form-wrapper" id="edit-actions"><input type="submit" id="edit-submit" name="op" value="Search" class="form-submit" /></div><input type="hidden" name="form_build_id" value="form-ozNOjvtw26JUzM1QAyDt8K9L0yxkqY7u21H6qXhLDCs" />
<input type="hidden" name="form_id" value="search_block_form" />
</div>
</div></form>    </div>
  </div>
</div>  </div>
</div>  </div>
</div><div id="zone-menu-wrapper" class="zone-wrapper zone-menu-wrapper clearfix">  
  <div id="zone-menu" class="zone zone-menu clearfix container-12">
    <div class="grid-12 region region-menu" id="region-menu">
 
  <div class="region-inner region-menu-inner">
        <nav class="navigation">
      <h2 class="element-invisible">Main menu</h2><ul id="main-menu" class="links inline clearfix main-menu"><li class="menu-724 first"><a href="/node/5">Contact Us</a></li><li class="menu-318 active-trail active"><a href="/about-us" title="Company information" class="active-trail active">About Us</a></li><li class="menu-712"><a href="/helpandsupport">Support</a></li><li class="menu-741"><a href="/node/15">Services</a></li><li class="menu-725 last"><a href="http://www.incite-edge.com">Home</a></li></ul>      <h2 class="element-invisible">Secondary menu</h2><ul id="secondary-menu" class="links inline clearfix secondary-menu"><li class="menu-736 first"><a href="/node/14">Corporate Responsibility</a></li><li class="menu-735 last"><a href="/node/13">Latest News</a></li></ul>    </nav>
 
          </div>
</div>
  </div>
</div></header>    
      <section id="section-content" class="section section-content">
  <div id="zone-content-wrapper" class="zone-wrapper zone-content-wrapper clearfix">  
  <div id="zone-content" class="zone zone-content clearfix container-12">    
 
        <div class="grid-9 region region-content" id="region-content">
  <div class="region-inner region-content-inner">
    <a id="main-content"></a>
                <h1 class="title" id="page-title">About Us</h1>
 
                        <div class="block block-system block-main block-system-main odd block-without-title" id="block-system-main">
  <div class="block-inner clearfix">
 
    <div class="content clearfix">
      <article class="node node-page node-published node-not-promoted node-not-sticky author-incite-admin odd clearfix" id="node-page-2">
 
 
 
 
  <div class="content clearfix">
      </div>
 
  <div class="clearfix">
          <nav class="links node-links clearfix"></nav>
 
      </div>
 
</article>    </div>
  </div>
</div>      </div>
</div><aside class="grid-3 region region-sidebar-second" id="region-sidebar-second">
  <div class="region-inner region-sidebar-second-inner">
    <section class="block block-forum block-new block-forum-new odd" id="block-forum-new">
  <div class="block-inner clearfix">
              <h2 class="block-title">New forum topics</h2>
 
    <div class="content clearfix">
 
          </div>
  </div>
</section><section class="block block-forum block-active block-forum-active even" id="block-forum-active">
  <div class="block-inner clearfix">
              <h2 class="block-title">Active forum topics</h2>
 
    <div class="content clearfix">
          </div>
  </div>
</section>  </div>
 
</aside>  </div>
</div></section>    
 
      <footer id="section-footer" class="section section-footer">
  <div id="zone-footer-wrapper" class="zone-wrapper zone-footer-wrapper clearfix">  
  <div id="zone-footer" class="zone zone-footer clearfix container-12">
    <div class="grid-12 region region-footer-first" id="region-footer-first">
  <div class="region-inner region-footer-first-inner">
      </div>
</div><div class="grid-12 region region-footer-second" id="region-footer-second">
  <div class="region-inner region-footer-second-inner">
    <div class="block block-menu block-menu-social-media block-menu-menu-social-media odd block-without-title" id="block-menu-menu-social-media">
 
  <div class="block-inner clearfix">
 
    <div class="content clearfix">
      <ul class="menu"><li class="first leaf"><a href="http://www.incite-edge.com/rss.xml" title="Incite Blog" id="customerrss">RSS</a></li>
<li class="leaf"><a href="http://www.facebook.com/" id="customerfacebook" target="_blank">Fb</a></li>
<li class="leaf"><a href="http://www.twitter.com" title="Incite tweets" id="customertwitter" target="_blank">t</a></li>
<li class="last leaf"><a href="http://www.linkedin.com" title="Join us on Linked-In" id="customerlinkedin" style="customerlinkedin">In</a></li>
</ul>    </div>
  </div>
 
</div>  </div>
</div>  </div>
</div></footer>  </div>  </body>
</html>

The humble grass hopper awaits your wisdom Smile

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 11 hours 42 min ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5054
Points: 2632

Hi Incite-Admins, I Think

Hi Incite-Admins,
I Think Gary was on the right track.
system.menus.css has a rule that displays the ul inline if it has a class of inline which the menu has.
Possibly overriding that to display block in your own stylesheet would help fix the issue.
This is one way of doing that:

#secondary-menu.inline, #secondary-menu.links.inline {
  display: inline;
  padding-left: 0;
}

Incite-Admins
Incite-Admins's picture
Offline
newbie
Last seen: 2 years 26 weeks ago
Timezone: GMT-4
Joined: 2011-09-23
Posts: 4
Points: 5

Yup, That was the one.

Thanks Gary & Tony.

That inline for the menu class was definitely the problem. I commented it out and even IE 6 displays it properly (as much as IE 6 can display properly).

I'll mention that to the Omega theme dev's since I'm sure I'm not alone in not wanting secondary menu's inline with the primary.

talk to you later.