Trennlinie wird im IE 6 falsch dargestellt

[knut]

Hallo

Ich habe heute angefangen meine erste Website zu gestalten.
Leider habe ich ein Problem mit einer Trennleiste.
Im Firefox wird sie so wie ich es mir vorstelle dargestellt, im IE 6 nicht.
Vielleicht könntet Ihr mir einen Tipp geben was ich falsch gemacht habe.

Anhang anzeigen test1.0.zip
Unbenanntes Dokument

<td><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
    <tr>
      <td style="background-image: url(&quot;border_rechts.gif&quot;);"width="5"></td>
      <td style="background-image: url(&quot;border_waagrecht_mitte.gif&quot;); background-repeat:repeat-x;" width = "195" height="5"></td>
      <td style="background-image: url(&quot;border_waagrecht_mitte2.gif&quot;);" width="15"></td>
      <td style="background-image: url(&quot;border_waagrecht_mitte.gif&quot;); background-repeat:repeat-x;"  height="5"></td>
      <td style="background-image: url(&quot;border_waagrecht_mitte2.gif&quot;);" width="15"></td>
      <td style="background-image: url(&quot;border_waagrecht_mitte.gif&quot;); background-repeat:repeat-x;" width = "195" height="5"></td>
      <td style="background-image: url(&quot;border_links.gif&quot;); " width="5"></td>
    </tr>
  </table></td>

Würde mich auch sehr über sonstige Tipps und Ratschläge freuen, habe noch kaum Erfahrung mit HTML.

Danke lg Lukas

 

[threadi]

Wenn Du schon neu anfängst, dann bitte gleich richtig.

Dein Quellcode enthält nämlich einige Fehler. Z.B. sitzt da einfach ein <td> bevor Du die erste Tabelle definierst. Wozu? Dann sind diese Hintergrundbilder mit an dieser Stelle falsch eingesetzten html-kodierten Anführungszeichen umsetzen. Siehe: [Invalid] Markup Validation of http://bigmuzzy.bi.funpic.de/test13_11/test1.html - W3C Markup Validator - die könnten für jede Fehldarstellung zuständig sein.

Und überhaupt: wieso ein Tabellenlayout? Tabellen dienen der Darstellung tabellarischer Daten. Solche sehe ich bei dir nicht.

Mein Tipp: schau dir mal CSS-Grundlagen an. Damit dürfte dir die Erstellung einfacher gelingen.

 

[Elroy]

Hallo.

Für das was du vorhast werden weder Tabellen noch Hintergrundbilder benötigt.

Das erreicht man mit der semantisch richtigen Auszeichnung des Inhalts und der CSS Funktion border.

Mein Tip: Erstell erst mal den Inhalt, danach fällt dir die Gestaltung wesentlich leichter.
Dann siehst du auch welchem Tag du den Border geben musst.

Gruss
Elroy

 

[knut]

Danke für Eure Antworten

Danke für den Hinweis mit dem <td>, da waren noch mehrere falsche drinnen.
validator.w3 findet jetzt keine Fehler mehr (außer in der Funpic Werbeeinschaltung)

Die Leiste wird leider noch immer falsch dargestellt.

Ich versteh nur nicht ganz wie ich das ohne Tabellen und Hintergrundgrafiken lösen kann.
Die Grafiken sind ja erst mal nur zum Testen, da kommen dann noch hübschere rein.
Die Seiten des Banners sind doch schon ziemlich verschachtelt und skalieren sich, zumindest in der Breite, automatisch mit.

Könnt Ihr mir vielleicht eine Seite zeigen die etwa so ein Layout hat wie meine und ohne Tabellen nur mit CSS auskommt?


Danke für Eure Mühe

lg Lukas

 

[knut]

Ich habe jetzt Leerzeichen in die leiste eingefügt, nun wird sie auch im IE korrekt dargestellt.
Leider is das Leerzeichen höher als 5px, daher stimmt die Höhe nicht mehr.
Warum benötigt der IE an dieser Steller Leerzeichen?

  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" height="5">
    <tr>
      <td style="background-image: url(&quot;border_links.gif&quot;); background-repeat:repeat-y;" width="5">&nbsp;</td>
      <td style="background-image: url(&quot;border_waagrecht_mitte.gif&quot;); background-repeat:repeat-x;" width = "195">&nbsp;</td>
      <td style="background-image: url(&quot;border_waagrecht_mitte2.gif&quot;);" width="15">&nbsp;</td>
      <td style="background-image: url(&quot;border_waagrecht_mitte.gif&quot;); background-repeat:repeat-x;" >&nbsp;</td>
      <td style="background-image: url(&quot;border_waagrecht_mitte2.gif&quot;);" width="15">&nbsp;</td>
      <td style="background-image: url(&quot;border_waagrecht_mitte.gif&quot;); background-repeat:repeat-x;" width = "195" >&nbsp;</td>
      <td style="background-image: url(&quot;border_rechts.gif&quot;); background-repeat:repeat-y;" width="5">&nbsp;</td>
    </tr>
  </table>

Danke lg Lukas

 

[Elroy]

Hallo.

Lies dir mal das hier durch: Layouten ohne Tabellen.
Es sind auch einige Beispiele dabei, die du natürlich nicht 1:1 ünernehmen kannst aber die dir zeigen wie es geht.

Gruss
Elroy