✔ Background-images werden im FF nicht dargestellt

[Number5]

Großes Problem:

Die Background Bilder werden beim FF nicht dargestellt; außerdem ist die benutzte Tabelle einfach nicht in die Mitte zu bekommen.

CSS - Code

td.educonsultimage{
background-image: url('imgs/eduneu.gif');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 50% 40%;
width: 600px;
height: 280px;
};

Und die Menüleiste:

td.menu{
background-image: url(imgs/th2.gif);
background-repeat: repeat-x;
height: 20px;
};

Beides wird im IE perfekt dargestellt!

So wird dann das Background image aufgerufen:

<tr>
  <td class='educonsultimage' vAlign='top'>
     <br><br><table border='0' width='599'>
      <tr>...</tr></table>
</td></tr>...

das andere:

<tr><td class='menu' height='20'></td></tr>

Komischerweise geht die Tabelle auch nicht in die Mitte:

<table align='center' class='index' style='border: 1px solid #7B7B7B; text-align: center;' cellspacing='0' cellpadding='0'>

Im Css dazugehörige Klasse:

table.index{
border: 1px solid #7B7B7B;
margin: 0;
padding: 0;
font-size: 12pt;
font-family: Verdana, Helvetica;
width: 800px;
text-align: center;
};

Bin verzweifelt wer kann mir helfen?

Number5

 

[Maik]

• Entferne mal das rotmarkierte Semikolon nach der geschweiften Klammer, dann klappt's auch im Firefox mit den Hintergrundgrafiken (und den übrigen CSS-Eigenschaften):
  

td.educonsultimage{ 
background-image: url('imgs/eduneu.gif'); 
background-repeat: no-repeat; 
background-attachment: scroll; 
background-position: 50% 40%; 
width: 600px; 
height: 280px; 
};

td.menu{ 
background-image: url(imgs/th2.gif); 
background-repeat: repeat-x; 
height: 20px; 
}; 

table.index{ 
border: 1px solid #7B7B7B; 
margin: 0;
padding: 0; 
font-size: 12pt; 
font-family: Verdana, Helvetica; 
width: 800px; 
text-align: center; 
};

• CSS-Regel für eine horizontal zentrierte Tabelle:
  

table.index{ 
border: 1px solid #7B7B7B; 
margin: 0 auto;
padding: 0; 
font-size: 12pt; 
font-family: Verdana, Helvetica; 
width: 800px; 
text-align: center; 
}

 

[Number5]

Oh danke,
ich bin echt äußerst doof

 

[Maik]

In meiner Signatur findest du noch einen Tipp, der als Bitte formuliert ist