|
|
CSS problem in Safari
|
|
|
|
Fresh-Faced Recruit
Join Date: Sep 2003
Location: Fredericton NB
Status:
Offline
|
|
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?
|
iMac 24" Core 2 Duo 2.16 GHz / iMac 20" Core 2 Duo 2.16 GHz /
PowerBook 12" G4 1.33 GHz / Power Mac G4 400 MHz / Apple TV / iPod 30 GB
|
|
|
|
|
|
|
|
Forum Regular
Join Date: Feb 2004
Location: Manhattan
Status:
Offline
|
|
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"
|
I saw a woman with a sweatshirt that said "Guess", so I said, "Implants?"
|
|
|
|
|
|
|
|
Forum Regular
Join Date: Apr 2003
Location: Toronto, Canada
Status:
Offline
|
|
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");
|
|
|
|
|
|
|
|
|
Forum Regular
Join Date: Feb 2004
Location: Manhattan
Status:
Offline
|
|
YEah, that's right. Good catch.
|
I saw a woman with a sweatshirt that said "Guess", so I said, "Implants?"
|
|
|
|
|
|
|
|
Fresh-Faced Recruit
Join Date: Sep 2003
Location: Fredericton NB
Status:
Offline
|
|
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.
|
iMac 24" Core 2 Duo 2.16 GHz / iMac 20" Core 2 Duo 2.16 GHz /
PowerBook 12" G4 1.33 GHz / Power Mac G4 400 MHz / Apple TV / iPod 30 GB
|
|
|
|
|
|
|
|
Forum Regular
Join Date: Feb 2004
Location: Manhattan
Status:
Offline
|
|
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.
|
I saw a woman with a sweatshirt that said "Guess", so I said, "Implants?"
|
|
|
|
|
|
|
|
Forum Regular
Join Date: Apr 2003
Location: Toronto, Canada
Status:
Offline
|
|
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
|
|
|
|
|
|
|
|
|
Mac Elite
Join Date: Oct 2000
Status:
Offline
|
|
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?
|
|
|
|
|
|
|
|
|
Dedicated MacNNer
Join Date: Nov 2001
Location: Are Eye
Status:
Offline
|
|
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.
|
|
|
|
|
|
|
|
|
Mac Elite
Join Date: Oct 2000
Status:
Offline
|
|
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?
|
|
|
|
|
|
|
|
|
Dedicated MacNNer
Join Date: Nov 2001
Location: Are Eye
Status:
Offline
|
|
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.
(
Last edited by registered_user; Apr 29, 2004 at 09:14 PM.
)
|
|
|
|
|
|
|
|
|
Grizzled Veteran
Join Date: Nov 2003
Location: Hebburn, UK
Status:
Offline
|
|
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
|
Just who are Britain? What do they? Who is them? And why?
Formerly Black Book
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Forum Rules
|
|
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
|
HTML code is Off
|
|
|
|
|
|
|
|
|
|
|
|