Odd coding problem.

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"
Locked
Zuke

Odd coding problem.

Post by Zuke »

First off, please go here to view what I'm talking about:
http://www.infinitegeekonline.com

If you are using IE6, everything looks good.  If you are using Firefox/Opera/Konqueror/IE7, then that bar at the top is UNDER the logo.
I can't quite figure out whats going on!  Can anyone offer any suggestions?
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Odd coding problem.

Post by Dr.CSS »

if you give it this it will move below the logo, but it will move all the .headerstyle so you might want to call that one some thing diff. like .headerstyle1, copy the original and paste it then give a new name and add this...

.headerstyle1{
display:block;
margin:80px 0 10px 0;
etc.
etc.
Zuke

Re: Odd coding problem.

Post by Zuke »

I'm sorry, I don't really follow. 

You mean create a new headerstyle in the CSS, correct?  One with extra padding in it's margins, then reference it in the template instead of the headerstyle 2 thats there now?
Zuke

Re: Odd coding problem.

Post by Zuke »

Well, I must have followed better than I thought, because that worked . . . sort of.  Now it's all screwed up in IE.

With what limited knowledge I have, I'd have to say it looks like the headerstyle bar is positioning itself 1) relative to the logo in IE, and 2) relative to the top of the page in Firefox.

Am I completely off base?
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Odd coding problem.

Post by Dr.CSS »

no check the other post...
Locked

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