custom header disappears in Firefox

• 

  jabbott · Member · Apr 5, 2007 at 3:54 pm

  • Copy link
  • Add topic to favorites

  I’m working with custom CSS to tweak the Kubrick theme. Blog:
  http://jabbott.wordpress.com

  The custom header appears fine in Internet Explorer, but is not showing at all in Firefox. Any suggestions?

• 

  timethief · Member · Apr 5, 2007 at 3:59 pm

  • Copy link

  I can see a green header with yellow lettering along the bottom edge using firefox 2.0.0.3

• 

  drmike · Member · Apr 5, 2007 at 6:16 pm

  • Copy link

  What are we supposed to be looking at? Need details please.

• 

  trent · Member · Apr 5, 2007 at 11:17 pm

  • Copy link

  Your header (which is obviously a custom header) shows in Safari, Flock, Opera, Firefox and IE for me. Must have it sorted then.

  Trent

• 

  jabbott · Member · Apr 7, 2007 at 4:56 pm

  • Copy link

  the custom header includes a graphic with a chicken stepping through the word “Petaluma”

  it’s not displaying in Firefox. the color background and text tagline are there, but the graphic does not display

• 

  jabbott · Member · Apr 11, 2007 at 7:06 pm

  • Copy link

  I’ve tried re-uploading the image, tweaking the custom CSS yet again, all to no avail. Any suggestions? Here’s the first part of the custom CSS in case that helps anyone:

  body {
  background:#FFFFFF;
  margin:0;
  padding:0;
  }
  
  #page {
  background:#FFFFFF;
  width:760px;
  border:0;
  margin:0 auto;
  padding:0;
  }
  
  #header {
  height:225px;
  width:760px;
  margin:0;
  padding:0;
  }
  
  #headerimg {
  background:#2F757F url('http://jabbott.files.wordpress.com/2007/03/chick-bnr-orange-blue1.jpg') no-repeat top;
  padding-bottom:12px;
  height:200px;
  width:100%;
  margin:0;
  }
  
  #headerimg h1 a,#headerimg h1 a:visited {
  display:none;
  }
  
  .description {
  margin-top:130px;
  font-weight:bold;
  text-align:center;
  }

• 

  jabbott · Member · Apr 14, 2007 at 10:03 pm

  • Copy link

  Okay, thinking that the degree to which I tried to change the Kubrick theme might be the problem, I switched the theme to Sandbox and did the entire CSS tweak over again. I followed links in these forums for various methods of customizing Sandbox with a graphical banner and have tried a couple of them. I’m still seeing the same problem — the graphical banner does not display in Mozilla Firefox 1.5 for the PC. I can link directly to the image URL in Firefox and it displays fine. But it does not display in the page.

• 

  jabbott · Member · Apr 15, 2007 at 7:24 pm

  • Copy link

  Problem resolved — it turns out there was a flaw in the graphics file itself — the problem had nothing to do with the CSS at all! This one was very weird, because the image by itself displayed in browsers, but once inserted into a layout it disappeared. Once the graphics file was resaved and reuploaded, the problem went away. I’ve worked with web graphics for years and never saw this kind of problem before.