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; }
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.
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?
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.
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?
http://www.kevinfreitas.net/e
awesome, definitely going to
awesome, definitely going to add that to my toolbox. thanks for the help guys!