[triplezoom]

This is driving me nuts!

Take a look at this page in Safari: http://dev.caradmin.com/

I want that background to repeat only on the X axis. Here's the code for my <tr> tag for the main content area:

<tr style="background-image: url(resource/img/content_bg.jpg); background-repeat: repeat-x; background-color: #8C8B97;">

It works fine under IE/XP. Any suggestions?

[DUNSEL]

More potentially bad news. Mozilla shows a gap between the text and the top image border there (where it says welcome).

Opera kinda messes it up too, but differently than Mozilla. "don't have an account?" and the highlight border below it, are both too far down in Opera. And the BG is messed up under "Welcome"

[bwahahax]

I don't know if this will solve your problem or not, but the url for your background-image should appear in quotation marks.

Like this:

background-image: url("resource/img/content_bg.jpg");

[DUNSEL]

YEah, that's right. Good catch.

[triplezoom]

Originally posted by bwahahax:
I don't know if this will solve your problem or not, but the url for your background-image should appear in quotation marks.

Like this:

background-image: url("resource/img/content_bg.jpg");

If I put it in double quotes, the background doesn't appear at all. I tried single quotes, and it appears, but does not fix the problem.

[DUNSEL]

Because you're using neither elipses, nor the full path to the pic. Just for testing purposes, put the img in the same folder, and use local addressing, with the "" around it, just to see if there's any relation to this problem.

[bwahahax]

I'm not sure why that would be happening. Here is the proper syntax for including a background image in an element. This is a great site for learning more about cascading style sheets because you are actually able to fool around with them online.

http://www.w3schools.com/css/css_background.asp

[Synotic]

I fooled around with it and the source of the problem seems to be that Safari doesn't support applying any background properties other than an image/color on table rows. It's pretty interesting... either I'm missing something or this is an oversight. In the meantime can you just apply the background to your table cells?

[registered_user]

works fine for me

http://members.cox.net/registered_user/test/tr.html

if you spy the source code, you'll see that I've made the call in a style sheet in the header, but commented it out just to be sure that the inline styles would do the work.

You need to use single quotes because the attribute is marked with double quotes.

[Synotic]

Originally posted by registered_user:
works fine for me

http://members.cox.net/registered_user/test/tr.html

if you spy the source code, you'll see that I've made the call in a style sheet in the header, but commented it out just to be sure that the inline styles would do the work.

You need to use single quotes because the attribute is marked with double quotes.

Erm... I'm not sure what version of Safari you're using but your example only seems to illustrate the problem:



Are you using the Jaguar version of Safari?

[registered_user]

oh... repeat x... I seem to have missed that part.

Man, I'm just sleepin' at the wheel here. Nevermind me.

edit: whoa... that is weird... must be software and it doesn't seem to respond well to background-position or anything else for that matter.

[Chris O'Brien]

Originally posted by Synotic:
I fooled around with it and the source of the problem seems to be that Safari doesn't support applying any background properties other than an image/color on table rows. It's pretty interesting... either I'm missing something or this is an oversight. In the meantime can you just apply the background to your table cells?

I'd be inclined to think that it's just a missing feature (oversight) in Safari up till now. Seems Dave Hyatt is doing work with table cells, so we might see proper support soon. See here.

At least it only seems to be when background-repeat is tied to table cells that it doesn't work. Maybe this is Dave's way of telling us not to use tables for layout