Firefox Vs. IE

[Spirit]

Mit dem IE sieht alles so aus wie es soll, aber beim Firefox beginnt das Hintergrundbild vom 1ten div erst weiter unten. Der Hintergrund vom 2ten div hört zu früh auf sodass mancher text im ersten Hintergrundbild drin steht.

Ich hoffe die Erklärung ist bisschen hilfreich um euch das Problem vorzustellen. Hier ist der Code, ist zwar nicht allzu toll....

<div style="background-image: url(images/bg3.gif);height:950px; background-repeat:no-repeat">
<div style="background-color: #efefef;margin:73px;height:802px;" id="stat">
<table id="tex">
<tr>
<td>1980- </td><td>1986</td> <td></td><td class="1">Beispieltext 1<br /><br /> </td>
</tr>
<tr>
<td>1984 - </td> <td>1996</td><td></td><td class="1">Beispieltext 1<br /><br /> </td>
</tr>
</table>
</div>
</div>

CSS:

#tex
{font: 10px verdana, times, serif; }

td.1
{padding-left:20px; font: 12px verdana, times, serif; }

 

[matcho]

background-position: top; :roll:

 

[matibaski]

Evtl. noch

margin: 0px;
/* Oder */
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;

MfG, matibaski

 

[Spirit]

Danke schonmal für eure Antworten, also unten passts jetzt, aber das Hintergrundbild hat immer noch einen Abstand.

Das Hintergrundbild soll noch hoch, sodass da eben kein weißer Abschnitt ensteht, 'ne Idee wie?

Screenshot:


MfG

 

[matibaski]

Du musst es auch als TabelHintergrund nehmen ;)

 

[Spirit]

Danke für die Hilfe, bin jetzt schon weiter gekommen.

Noch ein Problem.
Die Bindestriche zwischen den Zahlen stehen eine Reihe weiter unten normalerweise sollten die zwischen den Zahlen stehen:


Code:

<td style="margin: 0px;background-image: url(images/bg3.gif); background-repeat:no-repeat;background-position:top;">
<div style="background-color: #efefef;margin:73px;background-position:top;padding-left:25px;padding-right:25px;padding-bottom:25px;">
<table style="font: 10px verdana, times, serif;">
<tr>
<br />
<td>1984 -</td><td>1986</td> <td></td><td class="1">Beispieltext 1.<br /><br />  </td>
</tr>
<tr>
<td>1984 - </td> <td>1996</td><td></td><td class="1">Beispieltext 2.<br /><br />  </td>
</tr>

<tr>
<td>1985 -  </td><td>1990</td> <td></td><td class="1">Beispieltext 3.<br /> <br /> </td>
</tr>

<tr>
<td>1990 -   </td><td>1995</td><td></td> <td class="1"> Beispieltext 4<br /> <br />  </td>
</tr>

Danke schonmal.

 

[Corvulus]

Warum schreisbt du das denn auseinander? Es geht doch auch so:

<td>1984 - 1986</td>

Wenn du alle zelhen übereinander haben willst, dann versuche mal das Leerzeichen zu erstzen:

<td>1984 -</td><td>1986</td>

Gruß Corvulus

 

[3UGENE]

CSS?

<style type="text/css">
 td  { 
  white-space:nowrap;
      }
</style>