[help] Css Background Repeat

hey all,

I'm running into an issue with a CSS/XHTML site that I'm doing for my old church. The problem I'm running into is that the background image that I have for the #container

is not repeating with the #content

. It is working as it should in IE, but not in Firefox (which seems really odd to me).

Anyway, here's the mock up page, and here's the CSS.

Let me know if you guys see where I've gone wrong.

*note* this page and css are far from being complete...

#204571

Your CSS is fine, the problem is that the #container

, in Mozilla, doesn't stretch to the bottom of the page. Where you see the background end is where the actual div's border is sitting.

What you need to do is add the following right before the closing

tag for the #container

<br style="clear:both;" />

and that'll cause the container div to stretch around your content.

So basically, what the end of your code looks like will be this:

 	 </div>
 	 </div>
  <br style="clear:both;" />
  </div>
	</body></html>

#204612

Originally posted by Cerebral@Aug 20 2004, 04:10 AM
Your CSS is fine, the problem is that the #container
, in Mozilla, doesn't stretch to the bottom of the page. Where you see the background end is where the actual div's border is sitting.
What you need to do is add the following right before the closing
tag for the #container
<br style="clear:both;" />
and that'll cause the container div to stretch around your content.
So basically, what the end of your code looks like will be this:
 	 </div>
 	 </div>
  <br style="clear:both;" />
  </div>
	</body></html>
<{POST_SNAPBACK}>
Thanks for the tip, Cerebral! I really appreciate it!
Just out of curiosity, would you get the same effect by having a
in that spot then have my css define it with the clear:both attribute?

#204640

Originally posted by orliville@Aug 20 2004, 02:33 AM
Thanks for the tip, Cerebral! I really appreciate it!

Just out of curiosity, would you get the same effect by having a

in that spot then have my css define it with the clear:both attribute?

<{POST_SNAPBACK}>

To the best of my knowledge; yes, that should work. Best way to find out is to give 'er a test run, though.

#204715

Alright, now I need to fix my drop down menu for IE. The links above for the page and the code should still work.

#206339

Did you manage to make this work for IE?

#206606

Originally posted by Tadis@Aug 24 2004, 02:01 PM
Did you manage to make this work for IE?
<{POST_SNAPBACK}>

I'm getting closer, I have to say that it has been a real pain though. If you look at the page in IE and go to the "test" style which is just under the navbar, you'll see what I have for IE.

Does anyone know how to set a style sheet for IE and a different one for other browsers? For example, If someone opened the site with IE, it would load a sheet especially for IE, then if some were to visit with Firefox, it would load a different sheet. Does that make sense?

#206617

the thing it that microsoft secretly made ie display css INCORRECTly so that people would change their code to work in ie and it would be messed up in firefox or safari or opera!! very evil those old men are yesyes

#207191