css FF BG prob!
- Started
- Last post
- 6 Responses
- mg33
I know I'm not the first person to ask this, nor the last...
But I can't even find a decent answer through google.
So who has the fix for making Firefox repeat a background (image or color) vertically in your container div?
I can get it to work in IE, just not FF.
As exhibited here, check FF and IE:
http://www.theatlanticdivide.com…
I really appreciate it - I've solved this at some point in the past but am brainded this week. See, can't even spell brain dead properly.
Thanks a ton.
- nocomply0
you mean repeat-y?
- mg330
That still doesn't work in FF.
Because of the gradient out of the image below the nav, I figured I'd try putting a 5px tall image the width of the container as a repeating-y image as the container background in CSS.
It works in IE and this is a problem many people face. FF sucks for this. I'm mad because I didn't think it would work, the gradient blends almost perfectly, but it only works in IE.
- nocomply0
maybe try moving your clear:both to right after your p-tag with all those awesomes in it.
sorry i'd look at it a little more, but i'm stacked with work today after calling in sick on monday.
- mg330
Awesome!
Got it to work. It's strange, it has everything to do with divs being set to "relative" and not absolute.
- nocomply0
Yeah relative vs absolute can definitely do that. I saw that in your code but didn't have time to get too into it. Sorry. Glad you got it to work anyway. Nice job!
- mg330
Man, been rolling along all night, love that feeling of not wanting to stop on something.
I did run into a problem with the repeating container image only going to a certain point. It required a padding-top: 1px; in just one place and solved it.
I should hopefully have this site done by the weekend. Granted it's a single column full CSS layout, but my God, CSS/XHTML, and the FF Web Dev toolbar could not possibly be any more awesome of a tool. Goodbye Dreamweaver 4!