Header image not working in previous version of firefox
-
Hi,
Although my header image is showing fine in the latest versio of firefox, it doesn’t seem to in the previous versions. As this blog is being assessed as part of a university project I am worried that if the assessor uses anything other than the most recent firefox they won’t see the header. Any ideas anyone?
I am using the Toolbox theme and the CSS I am using for the header is:
#branding {
position:relative;
display:block;
height:275px;
}#branding hgroup {
width:950px;
height:275px;
background:url('http://themissingcup.files.wordpress.com/2011/09/missingcupbanner.jpg') no-repeat;
margin-left:0;
z-index:0;
}#site-title a,#site-description {
text-decoration:none;
display:inline-block;
background:7px;
text-rendering:optimizeLegibility;
margin:10px 0;
padding:4px 10px;
}#site-title a {
color:#fff;
}#site-title {
position:relative;
font-size:40px;
font-weight:bold;
display:none;
}The blog I need help with is: (visible only to logged in users)
-
Since I don’t have an older version of Firefox I can’t really look, so this is a complete guess, but for a z-index declaration to work, the element has to also have a position declaration. Add position: relative to #branding hgroup . Make sure and force refresh, or clear the browser cache on the older version of Firefox.
-
-
It works fine with 6.0.1, but it’s 3.6.22 I can’t get it to work with which I think still counts as a current version. I add the suggested code, cleared the cache and refreshed the page but it still isn’t working.
Argh help!
-
The best I can do at the moment is run your site through browsershots.com and wait for the results. I can take anywhere from a few minutes to as much as a couple hours to get the results.
Past that, about all I can do is to tag this thread for staff attention and see if one of them can figure out what the issue is. I don’t have FF 3.6 so I can’t really be of much help past the one suggestion I had.
-
One other thought now that you have position relative is to change the z-index to 1000 and see what happens.
-
Browser shots is showing no header image for 3.6.x, but unless my latest suggestion right above fixes things, then you will have to wait for a staff member to see this and respond.
-
Thank you for your help sacredapth, unfortunately it hasn’t worked and I have no idea what else to try. hopefully some helpful staff member will come along and help.
-
-
Firefox 3.6.22 is not current. :) But let me try to find a copy to download and install and see if I can reproduce the problem. I did also try checking your site through browsershots.org, and Firefox 4, 5, and 6 look good. http://browsershots.org/http://themissingcup.com/
For reference, the mozilla.org site currently says, “Firefox 3.6.x will be maintained with security and stability updates for a short amount of time. All users are strongly encouraged to upgrade to the latest version of Firefox.”
-
I found a copy of 3.6.21 here: http://www.mozilla.org/en-US/firefox/all-older.html
I set it up according to the instructions here: http://ejohn.org/blog/sexy-firefox-3/
Adding this in Firefox 3.6.21 worked for me:
#branding hgroup { display: block; } -
- The topic ‘Header image not working in previous version of firefox’ is closed to new replies.