6 replies [Last post]
jdarby
Offline
newbie
chicago
Last seen: 13 years 37 weeks ago
chicago
Timezone: GMT-6
Joined: 2007-01-31
Posts: 7
Points: 0

hey folks, i've got a bit of a problem and hope you can shed some light on it...
i am building a site @ http://undertheblackhat.com and i have created a footer (focus on the main index page for now). the first text line has the correct background color, but any line after the first is transparent. any ideas?

here is the css for the footer:

div#foot { background: #f7f7f7; text-align:center; width: 980px; height: 30px; margin-top:15px; }

#ft_t { background: url(images/postcolT.gif) repeat-x top; }
#ft_r { background: url(images/postcolR.gif) repeat-y right; }
#ft_b { background: url(images/postcolB.gif) repeat-x bottom; }
#ft_l { background: url(images/postcolL.gif) repeat-y left; }
#fttl { background: url(images/postcolTL.gif) no-repeat top left; }
#fttr { background: url(images/postcolTR.gif) no-repeat top right; }
#ftbr { background: url(images/postcolBR.gif) no-repeat bottom right; }
#ftbl { background: url(images/postcolBL.gif) no-repeat bottom left; }
#ft_c { padding: 15px; }

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 4 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Maybe because the

Maybe because the backgrounds in the later bits are overriding the first declaration, having no color specified (and thus become transparent). Try adding a color to the others to see if that is it.

jdarby
Offline
newbie
chicago
Last seen: 13 years 37 weeks ago
chicago
Timezone: GMT-6
Joined: 2007-01-31
Posts: 7
Points: 0

i am not exactly sure where

i am not exactly sure where else the colors for that section would have been declared other than in div#foot which is why it confuses me, heh. Where else would i try to add another color declaration?

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 4 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Heyho The foot has a height

Heyho

The foot has a height of 30px set, but it is actually 57px high. Set a bigger height and hey diddly.

jdarby
Offline
newbie
chicago
Last seen: 13 years 37 weeks ago
chicago
Timezone: GMT-6
Joined: 2007-01-31
Posts: 7
Points: 0

well i'll be... thanks so

well i'll be...

thanks so much! how did you determine it was 57px instead of the defined 30px?

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 37 weeks 1 day ago
Joined: 2004-06-30
Posts: 9668
Points: 801

http://www.kevinfreitas.net/e

Verschwindende wrote:
  • CSS doesn't make pies

jdarby
Offline
newbie
chicago
Last seen: 13 years 37 weeks ago
chicago
Timezone: GMT-6
Joined: 2007-01-31
Posts: 7
Points: 0

awesome, definitely going to

awesome, definitely going to add that to my toolbox. thanks for the help guys!