Page 1 of 1

Odd coding problem.

Posted: Thu Jun 22, 2006 8:07 pm
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?

Re: Odd coding problem.

Posted: Thu Jun 22, 2006 11:15 pm
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.

Re: Odd coding problem.

Posted: Fri Jun 23, 2006 1:25 am
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?

Re: Odd coding problem.

Posted: Fri Jun 23, 2006 1:30 am
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?

Re: Odd coding problem.

Posted: Fri Jun 23, 2006 3:26 am
by Dr.CSS
no check the other post...