Need CSS Help in arranging header stuff

seo.catdynamics .com (the place where I want the change)

I want the light blue bar in header, to be placed below the links navigation and above the gray line. Please have a look at essential-seo .com to see how I want it to be.

Thanks.

 

You're going to have to use negative margins and relative positioning here.

This example should give you an idea as to how to do it.

http://www.dan-schulz.com/temp/header-under-menu-test.html

 

Thanks - I have one more issue in CSS

Please see http://thewebtrafficco .com/free/ - Have a look at the right sidebar, those two lines. The thick line just needs to be made the same length as the thin.

It shows good in IE (but the lines are not so long, I like it to show the same in both browsers - I want the lines to be as long as in FF but it should be equal in length), in Firefox it shows the thin one is long as compared to the thick one.

I guess it has got something to do with

/* SECONDARY NAVIGATION - vertical navigation */
	#nav-secondary, #nav-secondary ul {position:static}
	#nav-secondary, #nav-secondary li {list-style: none;margin: -12px;background:#fff;padding: 1px;margin-top: 1em;}
	#nav-secondary {padding-top:0;border-top: 1px solid #ccc;margin-top: 1px}
	#nav-secondary a {line-height:1.8;background: #fff;font: bold 86% arial;}
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 
	#nav-secondary a:link {color:#000} 
	#nav-secondary a:visited {color:#000} 
	#nav-secondary a:hover {color:#c00;background: #fee;} 
	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#c00} 
	#nav-secondary li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc}

Code (markup):

 

Uhm, have you looked at your site in Opera by any chance?

 

No, why so? _ I am downloading it now ....


Can you help solving this issue buddy?

 

The easiest way for me to solve this issue would be to throw away all the old code and start over again, especially given how broken the page appears in Opera.

If I had the free time, I'd be more than happy to whip up a template for you, but given my schedule for the next couple weeks, free time is something I sadly don't think I'll have much of.

 

ok no problem, thanks for informing - I'll see what can I do ...

 

It looks fine here in Opera, Firefox and Internet Explorer - The only problem I like to get rid of is the right sidebar line problem

The thick line just needs to be made the same length as the thin one. It shows the same length in IE but both line length is actually a bit shorter than normal. In FF or OP, the light gray thin line is bigger than that of thick one. I just need to increase the width of that thick line to that of thin line.


Thanks! - I hope you can see, if you can get that desired result. - I have tried but I don't know CSS much