Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / White background not filling to bottom

White background not filling to bottom

Locked

Views: 1,979

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
24 Sep 2006, 7:22 AM
#1
rvagrrl avatar

rvagrrl

New Zenner

Join Date:
Oct 2005
Posts:
90
Plugin Contributions:
0

White background not filling to bottom

Hey there. I'm working on a site and I can't get the white background to fill completely to the bottom on the main page. This will PROBABLY be fixed when real main page text is put in because it will likely be longer than the sample text, but I'd like it to be right and not just covered up. =)

I removed the MainWrapper color because the logo has to be transparent and I couldn't find another way to do that. I've got the contentMainPage as being white, but there's a bit of space at the bottom that's the color of the body background. Am I missing something?

ratkiss.lbdsites.com

Thanks for any help!

Leila

24 Sep 2006, 7:43 AM
#2
sketchy avatar

sketchy

Totally Zenned

Join Date:
Aug 2006
Location:
Canada
Posts:
940
Plugin Contributions:
2

Re: White background not filling to bottom

Did you make a mistake here?

*contentMainWrapper { background-color: #fff; background-repeat: repeat; }

There was a green bar at the bottom of the center contents in Firefox and then I virtually corrected that '*' to '#', it went away. I don't know if it will cure the IE problem, but that's somewhere to start. Also, I'm not sure why there's a repeater value on the end though... just only for images methinks.

24 Sep 2006, 8:29 AM
#3
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: White background not filling to bottom

Just a quick look at your stylesheet.css file and you are missing many closing tags.

Just an example:

#logoWrapper  { background-repeat: no-repeat; width: 750px; height: 200px }

#logoWrapper {_margin-bottom:-2px}

should have the red highlighted semi-colon

#logoWrapper  { background-repeat: no-repeat; width: 750px; height: 200px; }

#logoWrapper {_margin-bottom:-2px;}

Go through this file carefully(if you have a code editor that will color code correct statements this will assist) and check each line as there are many of these missing. Once this is done your issues might be solved???

24 Sep 2006, 8:46 AM
#4
sketchy avatar

sketchy

Totally Zenned

Join Date:
Aug 2006
Location:
Canada
Posts:
940
Plugin Contributions:
2

Re: White background not filling to bottom

The end semi-colon is only good practise, it's not mandatory after ending declarations though. :wink2:

24 Sep 2006, 10:33 AM
#5
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: White background not filling to bottom

Sketchy,

I think that this used to be the case as rules were less strict...

I quote from the w3.org site:

Designers used to be able to get away without the closing code on a few tags, but with the stricter XHMTL and XML standards, you have to cross every “t” and dot every “i”.
Just good practice to start doing this as differing browsers handle these things in different manners.

24 Sep 2006, 4:54 PM
#6
rvagrrl avatar

rvagrrl

New Zenner

Join Date:
Oct 2005
Posts:
90
Plugin Contributions:
0

Re: White background not filling to bottom

Sketchy:

Did you make a mistake here?

Hey Sketchy. You're totally right; that was it! My editor has really small text (for reading past midnight!) and I didn't catch that it was a # and not a *. They look the same to these tired eyes! Thanks so much. =)

24 Sep 2006, 4:57 PM
#7
rvagrrl avatar

rvagrrl

New Zenner

Join Date:
Oct 2005
Posts:
90
Plugin Contributions:
0

Re: White background not filling to bottom

kobra:

Just a quick look at your stylesheet.css file and you are missing many closing tags.

Thanks, Kobra! I definitely plan on closing everything at the end, but my editor doesn't close them automatically (for some stupid reason), so I figured I'll wait until I'm done editing to go behind and do them all at once. =)

24 Sep 2006, 5:43 PM
#8
sketchy avatar

sketchy

Totally Zenned

Join Date:
Aug 2006
Location:
Canada
Posts:
940
Plugin Contributions:
2

Re: White background not filling to bottom

Your opening/closing tags are the curly braces '{ }', which are all in place. The end declaration semicolons are just good practise, you never know if you may have to add on to the code block later on and it's trouble waiting to happen when you add a declaration onto a code block with no continuation semicolon prior.

rvagrrl:

Hey Sketchy. You're totally right; that was it! My editor has really small text (for reading past midnight!) and I didn't catch that it was a # and not a *. They look the same to these tired eyes! Thanks so much. =)

Hehe... yuppers, lack of sleep and coffee will always cause coding trouble. Looks like it's all cleared up, good news. You're very welcome. :D