Riccardo: unterschiedliche Ausrichtung in einer Spalte

Hallo!

Ich habe eine kleine Frage. Gibt es eine Möglichkeit in einer Spalte einer Tabelle einen div oben auszurichten und einen weiteren unten (in der gleichen Spalte)?Thx schon mal.

Riccardo

  1. Gibt es eine Möglichkeit in einer Spalte einer Tabelle einen div oben auszurichten und einen weiteren unten (in der gleichen Spalte)?

    Mit position vermutlich, mit vertical-align allein AFAICS nicht. Aber was spricht dagegen, zwei Zellen zu verwenden?

    Christoph

    1. Mit position klappt das nicht so recht. Das oder die divs gehören dann nicht mehr richtig zur Tabelle. Oder mach ich irgendetwas falsch?
      Zwei Zellen kann ich auch nicht nehmen, da ich eine Tabelle mit zwei Spalten und nur einer Zeile benutze. Links soll die Navigation rein und rechts der Rest. Für das Menü hab ich nun zwei Grafiken, wobei die eine oben hin soll und die andere unten hin. Beide Grafiken sind relativ hoch, so das jeweils eine extra Zeile nicht so gut ist. Ich hoffe, dass mir noch jemand helfen kann.

      Riccardo

      1. Zwei Zellen kann ich auch nicht nehmen, da ich eine Tabelle mit zwei Spalten und nur einer Zeile benutze.

        Dann benutzt du halt eine Tabelle mit drei Zellen in einer Zeile, wo ist das Problem?

        Links soll die Navigation rein und rechts der Rest. Für das Menü hab ich nun zwei Grafiken, wobei die eine oben hin soll und die andere unten hin.

        Und was spricht nun konkret gegen folgendes?

        +------+------+----------------+
         | #### |      |                |
         | #### |      |                |
         :      :      :                :
         .      .      .                .
         :      :      :                :
         |      | #### |                |
         |      | #### |                |
         +------+------+----------------+

        ^------^------^----------------^
          Menu1  Menu2   "der Rest"

        MI

        --
        : Michael Jendryschik : michael@jendryschik.de : http://jendryschik.de/ :
        : Einführung in XHTML, CSS und Webdesign   http://jendryschik.de/wsdev/ :
        : Monatlich das Beste aus de.alt.netdigest http://best-of-netdigest.de/ :
        1. Und was spricht nun konkret gegen folgendes?

          +------+------+----------------+
           | #### |      |                |
           | #### |      |                |
           :      :      :                :
           .      .      .                .
           :      :      :                :
           |      | #### |                |
           |      | #### |                |
           +------+------+----------------+

          ^------^------^----------------^
            Menu1  Menu2   "der Rest"

          Bei dem Vorschlag sind die beiden Bilder ja nicht mehr untereinander plaziert. Die Bilder gehören aber zusammen und sollen durch das  Hindergrundbild der Zelle wieder verbunden werden. Ich hoffe man kann sich das mit meiner Beschreibung vorstellen.

          +------+----------------+
          | #### |                |
          | #### |                |
          :      :                :
          .      .                .
          :      :                :
          | #### |                |
          | #### |                |
          +------+----------------+

          ^------^----------------^
          Menu     "der Rest"

          Riccardo

      2. Hallo, Riccardo,

        Zwei Zellen kann ich auch nicht nehmen, da ich eine Tabelle mit zwei Spalten und nur einer Zeile benutze.

        Kennst du die Möglichkeit, mehrere Zellen spalten- und zeilenübergreifend zu verbinden (http://selfhtml.teamone.de/html/tabellen/zellen_verbinden.htm)? Du hast diese Möglichkeit nicht explizit ausgeschlossen, deshalb ein auf das Wesentliche reduzierte Beispiel:

        <table border="1">
        <tr>
        <td style="vertical-align:top;">Menü eins</td>
        <td rowspan="2" style="vertical-align:top;">Inhalt (...viel Text...)</td>
        </tr>
        <tr>
        <td style="vertical-align:bottom;">Menü zwei</td>
        </tr>
        </table>

        (Übrigens wäre hier das HTML-Attribut valign http://selfhtml.teamone.de/html/tabellen/gestaltung.htm#ausrichtung_zellen statt der CSS-Eigenschaft vertical-align http://selfhtml.teamone.de/css/eigenschaften/ausrichtung.htm#vertical_align sinnvoller, da tabellenfähige Textbrowser wie links und w3m die Layouttabelle dadurch besser anzeigen können.)

        Links soll die Navigation rein und rechts der Rest.

        Im Quelltext erscheint in obigem Beispiel der Inhalt vor dem zweiten Menü. Ob das für dich ein Problem darstellt, musst du abwägen.

        Für das Menü hab ich nun zwei Grafiken, wobei die eine oben hin soll und die andere unten hin. Beide Grafiken sind relativ hoch, so das jeweils eine extra Zeile nicht so gut ist.

        Christoph spielte wahrscheinlich auf rowspan an, als er von einer zweiten Zeile sprach.

        Eine umständliche CSS-Lösung wäre hier übrigens wahrscheinlich auch möglich, jedoch wäre sie bei weitem nicht so flexibel wie die Tabellenlösung.

        Grüße,
        Mathias

        --
        »(...) hier ist ja alles voll Gelegenheiten. Nur gibt es freilich Gelegenheiten, die gewissermaßen zu groß sind, um benützt zu werden; es gibt Dinge, die an nichts anderem als an sich selbst scheitern. Ja, das ist staunenswert.«
        http://www.kafka.org/projekt/schloss/erst.html