CSS Ungereimtheiten

[schwerminator]

hallo,
ich habe 2 probleme bei der darstellung von einer tabelle.
beim firefox werden unten an der tabelle die borders falsch dargestellt und im ie und opera/firefox sind die td's unterschiedlich hoch. nun was soll ich sagen; ich suche natürlich nach einer erklärung

tabelle:

<table id='calendar'>
<tr>
  <td style='background-image: url(img/1.gif)'>Text</td>
  <td style='background-image: url(img/2.gif)'>Text</td>
  <td style='background-image: url(img/3.gif)'>Text</td>
  <td style='background-image: url(img/4.gif)'>Text</td>
  <td style='background-image: url(img/5.gif)'>Text</td>
  <td style='background-image: url(img/6.gif)'>Text</td>
</tr>
<tr>
  <td style='background-image: url(img/7.gif)'>Text</td>
  <td style='background-image: url(img/8.gif)'>Text</td>
  <td style='background-image: url(img/9.gif)'>Text</td>
  <td style='background-image: url(img/10.gif)'>Text</td>
  <td style='background-image: url(img/11.gif)'>Text</td>
  <td style='background-image: url(img/12.gif)'>Text</td>
</tr>
<tr>
  <td style='background-image: url(img/13.gif)'>Text</td>
  <td style='background-image: url(img/14.gif)'>Text</td>
  <td style='background-image: url(img/15.gif)'>Text</td>
  <td style='background-image: url(img/16.gif)'>Text</td>
  <td style='background-image: url(img/17.gif)'>Text</td>
  <td style='background-image: url(img/18.gif)'>Text</td>
</tr>
<tr>
  <td style='background-image: url(img/19.gif)'>Text</td>
  <td style='background-image: url(img/20.gif)'>Text</td>
  <td style='background-image: url(img/21.gif)'>Text</td>
  <td style='background-image: url(img/22.gif)'>Text</td>
  <td style='background-image: url(img/23.gif)'>Text</td>
  <td style='background-image: url(img/24.gif)'>Text</td>
</tr>
<tr>
  <td style='background-image: url(img/25.gif)'>Text</td>
  <td style='background-image: url(img/26.gif)'>Text</td>
  <td style='background-image: url(img/27.gif)'>Text</td>
  <td style='background-image: url(img/28.gif)'>Text</td>
  <td style='background-image: url(img/29.gif)'>Text</td>
  <td style='background-image: url(img/30.gif)'>Text</td>
</tr>
<tr>
  <td style='background-image: url(img/31.gif)'>Text</td>
</tr>
</table>

css:

#calendar{
border-collapse: collapse;
table-layout: fixed;
}
#calendar td{
padding: 7px;
border: 1px #ffffff solid;
height: 40px;
width: 77px;
background-repeat: no-repeat;
vertical-align: top;
}

danke, schwerminator

 

[rasputin]

1. gib den zellen definierte dimensionen
2. jede zeile muss gleich viele spalten haben

<tr>
  <td style='background-image: url(img/25.gif)'>Text</td>
  <td style='background-image: url(img/26.gif)'>Text</td>
  <td style='background-image: url(img/27.gif)'>Text</td>
  <td style='background-image: url(img/28.gif)'>Text</td>
  <td style='background-image: url(img/29.gif)'>Text</td>
  <td style='background-image: url(img/30.gif)'>Text</td>
</tr>
<tr>
  <td style='background-image: url(img/31.gif)'>Text</td>
</tr>

das klappt so nicht

 

[schwerminator]

1. gib den zellen definierte dimensionen

hab ich doch gemacht?!

ich erzeuge die tabelle mit php, ich weiß nicht, wie ich jetzt noch einbauen soll, dass die restlichen td's noch erzeugt werden... jetzt ist das thema zwar im falschen forum, aber einen neuen tread aufzumachen wäre ja auch übertrieben.

<?php
$month = date("n");
$year = date("Y");
$months = cal_days_in_month(CAL_GREGORIAN, $month, $year);

echo "<table id='calendar'><tr>";
for($i=1; $i<=$months; $i++){
  if($i == 7 || $i == 13 || $i == 19 || $i == 25 || $i == 31)
    echo "<tr>";

  echo "<td style='background-image: url(img/".$i.".gif)'>Text</td>";

  if(($i == 6 || $i == 12 || $i == 18 || $i == 24 || $i == 30) && $months != 30)
    echo "</tr>";
}
echo "</tr></table>";
?>

es wäre nett, wenn mir jemand helfen könnte

schwerminator