Urgent - Help!

[mthem2003]

hello
for some reason , my background in the central column and bottom navigation bar is not consistent in the IE and firefox.

I want it to look the way it is in IE, but with firefox , it doesn't . the grey background in flowing in between my header and central box.

can you please help me find out what exactly is wrong?



site: www.thepurseworld.com

[gjh42]

Your stylesheet has

	/*the top toolbar*/
#navMainWrapper, #navCatTabsWrapper {
	margin: 0em;
	margin-bottom: 0px;
	height: 30px;
	background-color: transparent;
	background-image: none;
    background-repeat: no-repeat;
	font-weight: bold;
	color: #ffffff;
	padding: 0px;
	}

You have set a fixed height for the wrapper, but #navMain doesn't seem to need that much height, leaving blank space below it.

Either find the actual height of #navMain and use that, or eliminate the height altogether and let #navMain take what space it needs.

[mthem2003]

thanks for your reply.

when i removed the height. i had the whole template just shift to the right...not sure why it did that?

i dont know why in IE it is working fine, but in firefox it doesnt?

gjh42 any ideas?

[gjh42]

It may have to do with the #navMain code being in a javascript call, and not appearing at all if scripts are disabled in the browser. Or it might just be that the custom code surrounding the mod wasn't written quite right.

Try setting a smaller fixed height for #navMainWrapper (step down gradually until the space disappears.)

[batteryman]

Hello there are two ways to do this according to you stylesheet

first which is the better way probably

stylesheet.css (line 208)
#contentMainWrapper {
background-color:#FFFFFF;
margin:0px 0em 0em;
}

second

stylesheet.css (line 208)
#contentMainWrapper {
background-image:url(../images/centerbox.jpg);
background-repeat:repeat;
margin:0px 0em 0em;
}

In the second method I repeated your background image which fixes it but it really doesnt make sense because you background image is a 200 x 200 white square. So if you do away with it and use the background-color, it will speed up on your loading time and query slightly.

[mthem2003]

Thanks for all your help, it worked !!!

by adding #FFFFFF in #contentMainWrapper{