Problem mit Tabelle

imonix · Beitrag von **imonix** » 19.12.2007 12:57

Hallo,

ich habe folgendes Problem, und hoffe dass Ihr mir weiterhelfen könnt. Auf der Homepage wird die Tabelle im Internet Explorer nicht richtig angeordnet dazu habe ich mal ein Quelltext angehängt ich hoffe Ihr könnt mir helfen.

Im Firefox dagegen geht die Seite.

Code: Alles auswählen

<body style="margin-top: 0px; padding-top: 0px;" bgcolor="#4a4a4a">

<table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="765">
  <tbody><tr>
    <td>
      <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%">
        <tbody><tr>
          <td width="100%"><img alt="" src="header.gif" align="middle" border="0" height="102" hspace="3" width="761"></td></tr></tbody></table>
      <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%">
        <tbody><tr>
          <td width="20%"><img src="verlauf.gif" height="40" hspace="3" width="226"></td>
          <td width="80%"><a href="index.html"><img src="img/home_on.gif" border="0"></a><a href="ueber_uns.htm"><img src="img/ueber_uns.gif" border="0"></a><a href="produkte.htm"><img src="img/produkte.gif" border="0"></a><a href="referenzen.htm"><img src="img/referenzen.gif" border="0"></a><a href="service.htm"><img src="img/service.gif" border="0"></a><a href="kontakt.htm"><img src="img/kontakt.gif" border="0"></a><a href="impressum.htm"><img src="img/impressum.gif" border="0"></a><a href="sitemap.htm"><img src="img/sitemap.gif" border="0"></a></td>
        </tr></tbody></table>
      <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="99%">
        <tbody><tr>
          <td height="100%" valign="top" width="30%"><font style="font-size: 11px;" color="#000000" face="Tahoma">
          <b>Unsere Anschrift</b><br>/font><br></td>
          <td rowspan="2" valign="top" width="70%"><div style="margin-left: 10px;"><font style="font-size: 21px;" color="#000066" face="Verdana, Arial, Helvetica, sans-serif">Willkommen</font><br>
          <font style="font-size: 12px;" color="#000000" face="Tahoma">
          <b>auf unserer Homepage</b><br><br>
          <table border="1" cellspacing="0" cellpadding="0" width="100%">
          	<tr>
          		<td width="70%"><b>Edelstahl</b><br>
          		ist ein faszinierendes Material, welches sich durch seine
              absolute Korrosionsfestigkeit vielf&auml;ltig einsetzen l&auml;sst.
              Neben vielen technischen Anwendungen hat sich dieses
              Material gerade in der vielf&auml;ltigen Verwendung am Bau
              und f&uuml;r ausgefallene innenarchitektonische L&ouml;sungen
              durchgesetzt. Edles Aussehen, anspruchsvolle
              Verarbeitung und zeitlose Qualit&auml;t f&uuml;r die Ewigkeit.<br><br>
              <b><i>Edelstahl &uuml;berzeugt immer!</i></b>
          		</td>
          		<td valign="top" width="30%"><img src="autofront.jpg" width="161" height="119" alt=""></td>
          	</tr>
          </table>
          </font></div><br></td></tr>
        <tr>
          <td bgcolor="#1169b4" valign="top">Bild</td>
        </tr>
    </tbody></table>
    </td></tr></tbody>
</table>

Seimon · Beitrag von **Seimon** » 19.12.2007 13:17

Eventuell dies:

Code: Alles auswählen

<br>/font><br>

imonix · Beitrag von **imonix** » 19.12.2007 13:56

Habe ich behoben, geändert hat sich aber noch nichts. Der Blaue Rand links soll oben Abschliesen und wenn ich den content mit Inhalt fülle sich mit nach unten bewegen.

Code: Alles auswählen

<body style="margin-top: 0px; padding-top: 0px;" bgcolor="#4a4a4a">

<table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="765">
  <tbody><tr>
    <td>
      <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%">
        <tbody><tr>
          <td width="100%"><img alt="" src="header.gif" align="middle" border="0" height="102" hspace="3" width="761"></td></tr></tbody></table>
      <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%">
        <tbody><tr>
          <td width="20%"><img src="verlauf.gif" height="40" hspace="3" width="226"></td>
          <td width="80%"><a href="index.html"><img src="img/home_on.gif" border="0"></a><a href="ueber_uns.htm"><img src="img/ueber_uns.gif" border="0"></a><a href="produkte.htm"><img src="img/produkte.gif" border="0"></a><a href="referenzen.htm"><img src="img/referenzen.gif" border="0"></a><a href="service.htm"><img src="img/service.gif" border="0"></a><a href="kontakt.htm"><img src="img/kontakt.gif" border="0"></a><a href="impressum.htm"><img src="img/impressum.gif" border="0"></a><a href="sitemap.htm"><img src="img/sitemap.gif" border="0"></a></td>
        </tr></tbody></table>
      <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="99%">
        <tbody><tr>
          <td height="100%" valign="top" width="30%"><font style="font-size: 11px;" color="#000000" face="Tahoma">
          <b>Unsere Anschrift</b><br></font><br></td>
          <td rowspan="2" valign="top" width="70%"><div style="margin-left: 10px;"><font style="font-size: 21px;" color="#000066" face="Verdana, Arial, Helvetica, sans-serif">Willkommen</font><br>
          <font style="font-size: 12px;" color="#000000" face="Tahoma">
          <b>auf unserer Homepage</b><br><br>
          <table border="1" cellspacing="0" cellpadding="0" width="100%">
          	<tr>
          		<td width="70%"><b>Edelstahl</b><br>
          		ist ein faszinierendes Material, welches sich durch seine
              absolute Korrosionsfestigkeit vielf&auml;ltig einsetzen l&auml;sst.
              Neben vielen technischen Anwendungen hat sich dieses
              Material gerade in der vielf&auml;ltigen Verwendung am Bau
              und f&uuml;r ausgefallene innenarchitektonische L&ouml;sungen
              durchgesetzt. Edles Aussehen, anspruchsvolle
              Verarbeitung und zeitlose Qualit&auml;t f&uuml;r die Ewigkeit.<br><br>
              <b><i>Edelstahl &uuml;berzeugt immer!</i></b>
          		</td>
          		<td valign="top" width="30%"><img src="autofront.jpg" width="161" height="119" alt=""></td>
          	</tr>
          </table>
          </font></div><br></td></tr>
        <tr>
          <td bgcolor="#1169b4" valign="top"><img src="verlauf(2).gif" height="40" width="227"></td>
        </tr>
    </tbody></table>
    </td></tr></tbody>
</table>

Seimon · Beitrag von **Seimon** » 19.12.2007 14:23

Hab grad mal das zweite

Code: Alles auswählen

height="40"

gelöscht und es passt. (oder?)

Aber das war bei Version eins gar nicht drin - bin verwirrt

Warum arbeitest du eigentlich mit rowspan und machst nicht links im td eine tablelle?

imonix · Beitrag von **imonix** » 19.12.2007 17:04

Hallo,

nein es passt nicht, das height="40" ist nur die höhen Angabe vom Bild.
Du kannst den Code ja gerne mal auf deinen PC speichern und im IE aufrufen aber den border="0" auf border="1" setzen. Dann solltest du sehen was ich meine.