background grad image breaks with a div
The site has a bakcground image, repeated -x
html, body {
background-image:url(../images/mainbg.png);
background-repeat: repeat-x;
}Now, when I place a div on the page, it breaks that gradient.
As if it tries to also place the same grad image starting from the top of the div as well.
I know this will be something simple.
decibel.places posted this at 15:46 — 24th September 2008.
He has: 1,494 posts
Joined: Jun 2008
why do you have "html" as a selector? I've never seen that. Maybe that will apply the style to all html tags?
yeah, tried it out, get rid of "html" (but it is an interesting effect...)
greg posted this at 16:25 — 24th September 2008.
He has: 1,581 posts
Joined: Nov 2005
hmm, indeed that was the issue, thanks.
I copied an old CSS file and added the bg image to it. The html and body was together as the old css file declared a few things for both for some weird effect I had.
teammatt3 posted this at 16:31 — 24th September 2008.
He has: 2,102 posts
Joined: Sep 2003
I use the HTML and body selectors to center my layouts. It allows me to avoid having to create another div to achieve the same effect.
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.