Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

Background image not showing in Firefox

Posted on 2006-05-06
6
Medium Priority
?
548 Views
Last Modified: 2008-02-01
Hi,

I think this is a CSS problem.  I am trying to display a logo and background image in a table. However, the background image does not display in Firefox.  It is fine in IE, but I am aware that IE is less strict on CSS.

The code (which probably isn't brilliant) is below:

<div style="position:absolute; top:0px; left:0px; height:100%; z-index:1; width:100%;" >
<table width=100% border=0 cellpadding="0" cellspacing="0" class=pgeHeader>
  <tr height=2px valign="top" class=pgeHeader>
    <td width=395><a tabindex=-1 href=<%=Session("nspath")%>main/index.asp><img src="../images/MP_Banner3.gif" width="395" height="133" border=0></a></td>


Stylesheet:

a.pgeHeader{
      font-size: 10px;
      font-weight: bold;
      color: #FFFFFF;
            height: 133px;      
}

.pgeHeader{
      background-image: url('../images/NavBkgrnd.gif');
      vertical-align : top;
      align:center;
      height: 133px;
      font-size: 10px;
      font-weight: bold;
      color: #FFFFFF;      
}


Any help much appreciated!
Mark

            
0
Comment
Question by:marktwo2
  • 2
4 Comments
 
LVL 49

Accepted Solution

by:
Roonaan earned 252 total points
ID: 16621441
Try setting
.pgeHeader, .pgeHeader td, .pgeHeader th {background-color:transparent;}

-r-
0
 
LVL 143

Assisted Solution

by:Guy Hengel [angelIII / a3]
Guy Hengel [angelIII / a3] earned 248 total points
ID: 16621445
does this work any better (some additional double quotes added):

<div style="position:absolute; top:0px; left:0px; height:100%; z-index:1; width:100%;" >
<table width=100% border=0 cellpadding="0" cellspacing="0" class=pgeHeader>
  <tr height="2px" valign="top" class="pgeHeader">
    <td width="395"><a tabindex="-1" href="<%=Session("nspath")%>main/index.asp"><img src="../images/MP_Banner3.gif" width="395" height="133" border="0"></a></td>

and the css without the single quotes:
 background-image: url(../images/NavBkgrnd.gif);

Make sure the path to the background image is correct, including case sensitive name.
0
 
LVL 49

Expert Comment

by:Roonaan
ID: 16621452
The quotes in the url() do not matter. If the server where case sensitive the image wouldn't show in Internet Explorer.

-r-
0
 
LVL 3

Expert Comment

by:MrRio
ID: 16757496
Can we see the full page source?

Regards,
James
0

Featured Post

Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to.  Some of these selectors are more commonly known and used than others - Here are the more common ones: #X - Matches an ID of X .X - Matche…
As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Suggested Courses
Course of the Month20 days, 19 hours left to enroll

810 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question