Carolin W.: (HTML) Ausrichtung und Dynamik

Hallo!

Ich muss eine Bildergalerie erstellen.
Ich habe hoch- und querformatige Bilder.
Damit es halbwegs aussieht, habe ich mir überlegt, _quadratische_ Rahmen
für die Bilder zu machen.
Tabellenzellen wären gut, weil man da horizontal und vertikal ausrichten könnte.
Divs wären gut, weil man die per float dazu bekommt, immer die "Zeile" voll zu machen
und dann selbständig umzubrechen.
Nun hätte ich gerne beides - weiß jemand Rat?

Liebe Grüße

Carolin

  1. Hallo Carolin,

    [SNIP Bildergalerie]
    Tabellenzellen wären gut, weil man da horizontal und vertikal ausrichten könnte.

    Du meinst mit den veralteten HTML-Attributen align und valign?

    Die kannst Du doch mit CSS ersetzen, und (zumindest theoretisch) geht das auch fuer DIV und dessen Inhalte.

    Divs wären gut, weil man die per float dazu bekommt, immer die "Zeile" voll zu machen
    und dann selbständig umzubrechen.

    Du meinst sowas wie:
    http://www.alistapart.com/stories/practicalcss/

    Nun hätte ich gerne beides - weiß jemand Rat?

    Gib doch mal ne URL von Deinen Testseiten, dann koennen wir
    Dir konkret weiterhelfen.

    mfg
    Thomas

    1. Hallo, Thomas!

      Du meinst mit den veralteten HTML-Attributen align und valign?

      Die kannst Du doch mit CSS ersetzen, und (zumindest theoretisch) geht das auch fuer DIV und dessen Inhalte.

      Natürlich ist das bereits mit CSS geschehen und vertical-align geht weder theoretisch
      noch praktisch bei Divs - nur bei Tabellenzellen!

      Du meinst sowas wie:
      http://www.alistapart.com/stories/practicalcss/

      So soll's sein, ja, aber die haben es sich einfach gemacht:
      Da sind schon _die Bilder_ quadratisch. Meine sind es nicht!

      Ich hätte es gern so:
        ---------   ---------   ---------
       |---------| | |     | | |---------|
       |         | | |     | | |         |
       |         | | |     | | |         |
       |---------| | |     | | |---------|
        ---------   ---------   ---------

      Aber es sieht so aus (mit Divs):

      ---------   ---------   ---------
       |         | | |     | | |         |
       |         | | |     | | |         |
       |---------| | |     | | |---------|
       |         | | |     | | |         |
        ---------   ---------   ---------

      Das ist aus mener Sicht auch nicht wirklich überraschend,
      nur eine Lösung für mein Problem wäre halt schon schön gewesen.
      Sieht so aus, als gäbe es keins. Muss ich wohl die Bilder erst alle
      quadratisch machen.

      Liebe Grüße

      Carolin

      1. Hallo Carolin,

        Natürlich ist das bereits mit CSS geschehen und vertical-align geht weder theoretisch
        noch praktisch bei Divs - nur bei Tabellenzellen!

        Ein theoretischer Denkanstoss: Um etwas ausrichten zu koennen,
        muss der Browser doch wissen, wie hoch das Mutter-Element ist.
        Hast Du den DIVs height-Werte gegeben?

        Ansonsten sind die quadratischen Thumbnails wohl die einfachste
        und zuverlaessigste Loesung.

        Liebe Gruesse
        Thomas