/    Sign up×
Community /Pin to ProfileBookmark

FireFox 1.5 is confused… So am I.

Howdy,

My site validates but when I upgraded FF from 1.07 to 1.5 a background image I placed with CSS is now out of position. IE reads it correctly (so did FF1.07) but I’m not sure how to fix it for FF 1.5. Any suggestions?

The code in question:

#main {
background-color:#000;
background-image:url(images/core.gif);
background-position:bottom left;
background-repeat:no-repeat;
margin:2px;
}

to post a comment
CSS

8 Comments(s)

Copy linkTweet thisAlerts:
@nadamtJan 07.2006 — I'm not sure if this is going to help you with this particular problem, but there is a shorthand you should be aware of. Instead of coding one background property at a time, try this:

[b]#main { background: #000 url(image/core.gif) no-repeat bottom left; }[/b]

However, if you must write out the whole thing, try switching the order so that [b]background-position[/b] comes after [b]background-repeat[/b].
Copy linkTweet thisAlerts:
@ray326Jan 07.2006 — a background image I placed with CSS is now out of position[/QUOTE]How so? Got link?
Copy linkTweet thisAlerts:
@Zen_BezierauthorJan 07.2006 — I'm not sure if this is going to help you with this particular problem, but there is a shorthand you should be aware of. Instead of coding one background property at a time, try this:

[b]#main { background: #000 url(image/core.gif) no-repeat bottom left; }[/b]

However, if you must write out the whole thing, try switching the order so that [b]background-position[/b] comes after [b]background-repeat[/b].[/QUOTE]


Hmm... doesn't seem to happening for me but I definitely appreciate the comments.
Copy linkTweet thisAlerts:
@Zen_BezierauthorJan 07.2006 — How so? Got link?[/QUOTE]

Sure, [url=http://www.jayznamirowski.com/chernobyl]check it out.[/url]

The graphic in question is the shimmering green fuel rods that should appear on the lower left. In FF 1.5 the fuel rods have retracted behind the left nav panel. (Huh, had that been the case in real life there would have been no accident :rolleyes: )

Thanks
Copy linkTweet thisAlerts:
@ray326Jan 07.2006 — I haven't upgraded to 1.5 yet but set your background color to red and see if in 1.5 it still fills the full background the way it does in 1.07. Looks like it's an issue with that absolute #maincontent table and may be pointing out a rendering bug in 1.07. You probably should go either full CSS or full table layout. Of course I'd recommend the former.
Copy linkTweet thisAlerts:
@Zen_BezierauthorJan 08.2006 — Yeah, this was a school project which was why I used both CSS as well as tables (it was required). I'm probably going to redo the whole thing in CSS

Thanks
Copy linkTweet thisAlerts:
@WebJoelJan 09.2006 — That florescient green title is a bit overpowering but you know what? -It works (assuming that fissionables are actually glow-green like depicted on "The Simpsons", which they just might be. -How can I possibly distrust television, -it spent so much raising me as a child! ? )

I noticed that you cite Ukraine and "The Ukraine". I have quite a few Ukrainian friends (including a couple that live(d) about 100K from Chernobyl) that chuckle when they see that vernacular common-useage err. It's like saying "The Florida", "The Kentucky" or "The Canada" for that matter. I think that it's of the accusative form when it should be dative, grammarically speaking. But some of them do it too. Everyone knows what it is. It's like that famous JFK speech at the Berlin Wall in the 60s where he uttered the phrase "It gives me great pleasure to say these words, 'Ich bin Eine Berliner!' ". What he MEANT to say was "I am a Berliner" but what he actually said was "I am a jelly donut!" heehheee.

Nice site btw!

-Joel
Copy linkTweet thisAlerts:
@ray326Jan 09.2006 — Oh, you might want to include a reference to kidofspeed's site. She has some very compelling accounts of her bike trip through there.
×

Success!

Help @Zen_Bezier spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...