Pixelfehler

[tysk]

Hallo Leute,

habe folgende HTML-Struktur, nur beim Vergrössern bzw. Verkleinern des Browserfensters entsteht ein Pixelfehler, vielen Dank für Tipps:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="644">###COMP###</td>
    <td colspan="5"><img src="clear.gif" width="1" height="1"></td>
  </tr>
  <tr>
    <td valign="top" bgcolor="#F0F0F0">###TOP###</td>
    <td width="2" valign="top"><img src="clear.gif" width="2" height="175"></td>
    <td width="190" bgcolor="#E5E5E5" valign="top"><table width="189" height="174" border="0" cellpadding="4" cellspacing="0">
      <tr>
        <td valign="top">###LOGO###<br>
###SUBNAVI###</td>
      </tr>
    </table></td>
    <td width="2" valign="top"><img src="clear.gif" width="2" height="175"></td>
    <td width="190" valign="top" bgcolor="#CDCDCD"><table width="190" height="174" border="0" cellpadding="4" cellspacing="0">
      <tr>
        <td valign="top">###NAVI###</td>
      </tr>
    </table></td>
    <td width="5"></td>
  </tr>
  <tr>
    <td bgcolor="#CBCBCB">###LANG###</td>
    <td><img src="clear.gif" width="1" height="1"></td>
    <td valign="top" bgcolor="#E5E5E5">&nbsp;</td>
    <td><img src="clear.gif" width="1" height="1"></td>
    <td width="190" valign="top" bgcolor="#CDCDCD">###PORTAL###</td>
    <td><img src="clear.gif" width="1" height="1"></td>
  </tr>
  <tr>
    <td height="2"><img src="clear.gif" width="390" height="1"></td>
    <td><img src="clear.gif" width="1" height="1"></td>
    <td><img src="clear.gif" width="190" height="1"></td>
    <td><img src="clear.gif" width="1" height="1"></td>
    <td><img src="clear.gif" width="190" height="1"></td>
    <td><img src="clear.gif" width="1" height="1"></td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#CBCBCB">
  <tr>
    <td width="992" height="3"><img src="clear.gif" width="3" height="3"></td>
    <td width="10"><img src="clear.gif" width="3" height="3"></td>
  </tr>
  <tr>
    <td height="369"><img src="clear.gif" width="3" height="3">###IMAGE###</td>
    <td rowspan="2"><img src="clear.gif" width="3" height="380"></td>
  </tr>
  <tr>
    <td><img src="clear.gif" width="3" height="3"></td>
  </tr>
  <tr>
    <td><img src="clear.gif" width="3" height="3"></td>
    <td><img src="clear.gif" width="3" height="3"></td>
  </tr>
</table>

[David Tibbe]

Hallo tysk,

beim Vergrössern bzw. Verkleinern des Browserfensters entsteht ein Pixelfehler

Was sind "Pixelfehler"?
Zudem: Verwende für das Layout CSS und validiere unbedingt deinen Quelltext. Diese Mängel beseitige bitte als erstes.
Bei solchen Fragen ist es immer schöner ein Online-Beispiel zu verlinken als nur den Quelltext zu posten.

Grüße
  David

[tysk]

Hallo David,

und wie würdest Du das per CSS lösen?

Thanx, tysk

[rob]

und wie würdest Du das per CSS lösen?

Raus mit dem Tabellendesign, den ineinander verschachtelten Tabellen und raus mit den einzelnen Pixeln um die Tabellenzellen auszuziehen.
Das ist eine Zweckentfremdung von Tabellen. Mittlerweile bietet CSS ausreichend Möglichkeiten, so daß Du Tabellen wirklich nur noch für tabellarische Darstellungen nutzen kannst.
Pack deine Elemente in <div>-Bereich und positioniere mit CSS.

rob

[tysk]

Hi Rob,

momentan bräcuhte ich aber halt eine Lösung für meine tables ;-)

Thx, tysk

[Zeromancer]

Hallo,

eigentlich ist doch die Standardantwort auf solche Fragen:

Was für Browser, welches Betriebssystem?

Mit freundlichen Grüßen

André

[tysk]

Hallo,

Browser: IE6
System: Windows XP

Thx, tysk

[Zeromancer]

Hallo,

Browser: IE6
System: Windows XP

Nutzt du auch andere Browser zum testen? Gibt es dort auch das Problem?

Mit freundlichen Grüßen

André

[tysk]

Hallo,

unter Opera5 funktioniert es wie gewünscht...

Thx,
tysk

[Zeromancer]

Hallo,

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="644">###COMP###</td>
    <td colspan="5"><img src="clear.gif" width="1" height="1"></td>
  </tr>
  <tr>
    <td valign="top" bgcolor="#F0F0F0">###TOP###</td>
    <td width="2" valign="top"><img src="clear.gif" width="2" height="175"></td>
    <td width="190" bgcolor="#E5E5E5" valign="top"><table width="189" height="174" border="0" cellpadding="4" cellspacing="0">
      <tr>
        <td valign="top">###LOGO###<br>
###SUBNAVI###</td>
      </tr>
    </table></td>

Ich sage mal, dass der Fehler hier liegt. Versehe dein Dokument mit einem Doctype und jage es mal durch den Validator. Deine Stichworte könnten <tr>, </tr> sowie 2 x <td> und 3 x <td> sein. Bitte um Erfolgsmeldung.

Mit freundlichen Grüßen

André