Timm: Table nur mit Hintergrund

Hallo,

ich habe mit HTML eine 3-spaltige Tabelle geschrieben. Jede Spalte hat ein eigenes Background-image zugewiesen bekommen. Allerdings soll sonst nichts in den Tabellen-Zellen stehen. Also habe ich es komplett leer gelassen -> Mozilla stellt überhaupt keine Tabelle mehr dar.
Was kann man dagegen tun?

  1. Hallo Timm,

    Wieso schreibst du eine Tabelle wenn nix drin sein soll???? Das versteh ich nicht ganz. Was hast du genau mit dieser Tabelle vor???

    Gruß Bobby

    1. Hallo Timm,

      Wieso schreibst du eine Tabelle wenn nix drin sein soll???? Das versteh ich nicht ganz. Was hast du genau mit dieser Tabelle vor???

      Gruß Bobby

      Ich möchte einen Querbalken einfügen:
      Rechts ein Bild mit 21 Pixeln, dann ein sich wiederholendes Bild für die Mitte (mit dem Rest der 100% Seiten-größe), und dann wieder ein abschließendes Bild.
      Die Tabelle dient mir dabei als Layout-Hilfe.

      1. Moin,

        Die Tabelle dient mir dabei als Layout-Hilfe.

        http://www.hotdesign.com/seybold/ (englisch, original)
        http://www.seybold.jan-andresen.de/ (deutsch)

        Gruß,
        -Efchen

        --
        Selfcode: ie:% fl:( br:^ va:{ ls:& fo:) rl:? n4:& ss:) de:> js:| ch:? sh:) mo:) zu:}
        Encode:   http://forum.de.selfhtml.org/cgi-bin/selfcode.pl
        Decode:   http://peter.in-berlin.de/projekte/selfcode/
        1. Moin,

          Die Tabelle dient mir dabei als Layout-Hilfe.

          http://www.hotdesign.com/seybold/ (englisch, original)
          http://www.seybold.jan-andresen.de/ (deutsch)

          Gruß,
          -Efchen

          Ok, ich habe es jetzt mal mit CSS und divs probiert, das ist dabei herausbekommen:

          <div style="height: 16px; min-width: 300px; background-image: url(bar_middle.gif);">
          <img style="float: left;  width: 21px; height: 16px;" src="bar_left.gif">
          <img style="float: right; width: 21px; height: 16px;" src="bar_right.gif">
          In die Mitte kommt der Inhalt!
          </div>

          Eigentlich auch ganz ok, aber noch ein paar Probleme: auf die Angabe min-width reagiert der Internet Explorer nicht so wie Mozilla. (beim Internet Explorer wird der String "In die Mitte kommt der Inhalt" in einzelne Teile zerlegt und auf mehrere Zeilen verteilt.
          beim Mozilla FireFox dagegen wird der String nicht geteilt: Man muss scrollen, um alles zu sehen (finde ich eine bessere Lösung))
          Und noch was anderes: Ich kann nicht mit CSS die Grafiken zentral verwalten.

          Eine komplett andere Frage: ;)
          Wie kann man denn mit PHP die Länge eines Strings bei einem bestimmten Font ausrechnen? Gibt es da vielleicht eine Helper-Funktion?
          Ich möchte nämlich min-width immer auf einen passenden Wert setzen.

          Wie findet ihr die CSS-Version, die ich da zusammenprogrammiert habe?

  2. ich habe mit HTML eine 3-spaltige Tabelle geschrieben. Jede Spalte hat ein eigenes Background-image zugewiesen bekommen. Allerdings soll sonst nichts in den Tabellen-Zellen stehen. Also habe ich es komplett leer gelassen -> Mozilla stellt überhaupt keine Tabelle mehr dar.

    Naja, was soll der Browser auch darstellen, wenn kein Inhalt da ist.
    Nimm z.b. &nbsp; als Inhalt, aber ich vermute mal du würdest mit CSS wesentlich einfacher weiterkommen, damit kannst du Hintergrundbilder beliebig positionieren oder ausrichten und musst keine Tabellen als Layoutmittel mißbrauchen.

    Struppi.