PHP : background afbeelding in table <td> verschilt in IE en Firefox

[belper]

Hallo,

Ik heb volgende php code :

//echo $i."<br>end-".$end."-start-".$start;
      	echo "<table bgcolor=#666666 bordercolor=#C0C0C0 border=0 width=700 cellspacing=0 cellpadding=10><tr><td background=\"images/topbar.gif\" height=\"45\"></td></tr><tr><td>";
       	echo "<b>$listDatetxt: </b>";
       $lines[$i]->showDate();
echo "<br><b>$listnametxt: </b>";
       $lines[$i]->showFrom();
       echo "</a><br><br><b>$listMessagetxt: </b>";
       $lines[$i]->showMessage();
echo "</td></tr>
<tr><td background=\"images/footbar.gif\" height=\"30\"></td></tr></table><br>";
}

echo "<center>"; 

Het probleem is het volgende :

In Firefox wordt de tabel mooi getoond maar de teksten worden NIET gecentreerd.

In IE worden de teksten wel gecentreerd maar worden de background images (topbar en footbar) blijkbaar ‘repeated’ in het balkje.

De formaten van mijn images :

topbar.gif 700x45

footbar.gif 700x30

Ik doe het dus waarschijnlijk fout (newbee ).

Kan iemand mij helpen ?

Alvast bedankt.

[leroy]

Teksten laat ik altijd centreren in een tabel met:

<tr>
    <td align="center">hier de tekst</td>
</tr>

Het stukje align zorgt er in FireFox en IE voor dat de tekst goed staat. Nadelig is dat je dit bij alle TD-tags moet doen.

de backgroundimages op NON-repeated zetten doe je in je stylesheet of in je style settings. Je krijgt dan:

#topbar {
  background: url('jouwforo.jpg');
  background-repeat:none;
}

Of als je geen stylesheet gebruikt gebruik je het volgende

<td style="background:url('jouwfoto.jpg'); background-repeat:none;"></td>

Alles wat je doet kun je trouwens het beste in een stylesheet meegeven. Dit bespaart een heleboel zoekwerk voor later. En het is overzichtelijker.

Ik raad ook af om met tabellen te werken, maar gewoon DIV-tags te gebruiken voor al je opmaak. Het kan wel met tabellen, alleen ik zou het niet gebruiken. Alleen in nood.

Laat het maar weten of het gelukt is.

Groeten,

Leroy