firefox + css
- Started
- Last post
- 20 Responses
- doesnotexist
i have some elements that have images as the background instead of colors, and theyre not showing up at all. like the whole element is just gone.
help, please?
danke!
- doesnotexist0
anyone?
- welded0
I'm not sure if it applies to tables, but I've run into weirdness with body backgrounds and css. I find that Firefox doesn't like shorthand syntax so apply the background-image seperately from the background-repeat, etc.
- doesnotexist0
yeah, but this is a background image for an element, like say, .banner that is positioned absolute somewhere at like 600x130, just doesnt show at all in firefox.
this isnt a background for the entire page
- heavyt0
FF has no problem with shorthand.
IS there a height and width set for the element?code?
TR1
- welded0
Maybe it's a syntax error, but I must be constantly doing it, but it's been my experience. :\
- heavyt0
actually, the other day i had a similar problem. It ended up being that i had no space between the ")" and "repeat-y" rules.
TR1
- doesnotexist0
hmmm nah i dont think you guys are understanding clear enough...here is teh code:
http://www.DNEexists.com/michael… go to root folder to see the html.
i changed it a bit, but it's still not showing up, the color banner above everything and the logo on the left. all that's showing is text in firefox.
- nRIK0
should be bg2.jpg, not bg2.jp
the image tag is not closed.
and your span.logo, isnt being styled at all in the css (display: block, etc)
- nRIK0
oh and as for the banner i think you dont need that negative z-index there
use a div maybe instead of a span, or display banner as a block.
- -scarabin-0
what's the difference between a div and a span?
- monNom0
I don't see a single background-image declaration in your css. maybe you changed it since posting?
I don't think FF likes empty tags.
try adding an NBSP inside "banner".Scarabin:
Span displays in-line. you can have it within a passage of text and it will not affect the text flow. (eg. 'a href')
Div displays block like a paragraph or table. A block that follows a block in the code will wrap to the next line unless a width and float are set.
Divs are for high-level structure. Spans are for in-text
styling.
- -scarabin-0
oh i see
- doesnotexist0
not the background of the page, b-r-rro's, like ive been saying.
the logo is on the pate, i can see it in ie and safari.
- doesnotexist0
i know the background is bg2.jp, i did that on purpose so it wouldnt show up.
- spiralstarez0
Do you have the developer toolbar?
I take the z-index out of your style and the logo shows up for me.
BTW your code looks pretty damn messy. get yourself a validator tool as well and that will solve a lot of your probs.
I've got 50 warnings on your page
for starters you've got 2 opening body tags.
- welded0
spiralstarez is right on all counts.
- doesnotexist0
yeah, never used a developer tool, mostly just do everything myself. probably should look into that.
thanks for the help, i was beginningn to think it might be the z-index. word.
- spiralstarez0
no probs man.
google mozilla developer extensions and download developer toolbar, and a validator extension.
if you want to develop in CSS those are great tools (along with a good CSS book)
If you develop in standards compliance in Firefox FIRST, your site will look good in FF. It's IE that's F'd, but there are hacks for things that don't work in it.
- doesnotexist0
yeah, i havent used firefox in awhile, like safari on teh mac better.
guess ill have to d/l a copy and get that developer toolbar i had once again. and that validator.
been just wingin' css so far, should get a book fo' sho'.
word.
- nRIK0
rofl