Ingo Siemon: Layout Idee für Online-Shop

Guten Tach

Sorry für den Betreff :)
Ich habe das Fragezeichen oder das "gesucht" weggelassen,
obwohl ich eben doch solche Layout Ideen suche.
Um mehr Leser hier herzulocken.
Ich weiss, das sich das nicht gehört,
aber ich habs mir einfach mal erlaubt ...
... also sorry nochmal.

So nun zum Thema:

Ich bin gerade dabei meine Webseite (Online-Shop) neu zu machen.
Dabei möchte ich mich von all den bösen Dingen, wie Frames,
Feste Schriftgrößen, feste Gesamtbreite uns trennen
und das ganze Layout eben auch mit CSS machen.

Nur eine Sache habe ich eben doch, die bei mir fix ist
und zwar die Bildergröße der Produkte (508 x 300).
Das kann und will ich nicht ändern.
Meine bisherige Seite ( http://www.SPACEart.de )
(welche mit Frames gamacht ist) hat ja auch eine feste Breite.
Da ist das mit der Positionierung der Bilder natürlich schon einfach.

Und wenn ich mich im Netz so auf diversen mit CCS gelayoutetetn Seiten
umsehe, wird ja auch immer wieder sehr gerne auf diese Praxis zurückgegriffen.

Wenn ich keine andere Lösung finde, werde ich das wohl auch wieder
so machen. Aber eigentlich suche ich nun nach guten Ideen,
meine Seite so zu gestalten, dass immer die ganze Breite des sichtbaren Browserfensters genutzt wird. Wobei natürlich auch
eine "raffinierte" Positionierungs-Idee für die Bilder her muss.

Ich meine, wenn ich z.B. die Navi nach links mache und rechts
meinetwegen auch noch ne Info-Leiste oder so, habe ich ja den
Platz in der Mitte für meine Produktinfos und Bilder.
Wenn ich die Bilder (508 x 300 px) nun aber untereinander setze
(manchmal bis zu 8 Stück), wird das drumherum natülich ziemlich leer,
wenn man sich die Seite z.B. mit 1800er Breite ansieht.

Versteht Ihr, was ich meine ?

Habt Ihr da vielleicht ein paar gute Layout Ideen?
Gruß
Ingo

  1. Hallo nochmal

    Ich habe hier mal einen ersten Entwurf gebastelt.
    Ist natürlich erstmal nur ein Bild.
    http://www.SPACEart.de/Sonstiges/Temp-Pics/Design-01.jpg

    Ich möchte das ja alles mit CSS-Layout umsetzen.
    Das müsste ja eigentlich gut machbar sein... gelle?
    Es soll dann sozusagen recht und links "offen sein".
    Und der mittlere Bereich mit den Bilden hat eine feste Breite.
    Wenn nun jemand in seinem Browser dann die Schriftgröße verändert,
    sollen die auf der linken Setie halt nach links "wachsen"
    und die auf der rechten Seite nach rechts.

    Was haltet Ihr von dieser Idee?
    Oder fällt Euch da was klugeres ein?

    Und dann würde mich auch noch interessieren, wie Ihr den
    Vorschlag vom Gesamteindruck her findet.

    Gruß
    Ingo

    1. Asalam alaykum!

      Ich habe hier mal einen ersten Entwurf gebastelt.

      Ist das Bild repräsentativ? Soll heißen, ist der Inhalt immer graphisch?

      Ich möchte das ja alles mit CSS-Layout umsetzen.
      Das müsste ja eigentlich gut machbar sein... gelle?
      Es soll dann sozusagen recht und links "offen sein".
      Und der mittlere Bereich mit den Bilden hat eine feste Breite.
      Wenn nun jemand in seinem Browser dann die Schriftgröße verändert,
      sollen die auf der linken Setie halt nach links "wachsen"
      und die auf der rechten Seite nach rechts.

      Uff, das klingt aber gar nicht trivial.
      Es könnte gehen, wenn Du praktisch alles in ein Container-div packst und dieses zentrierst; davon ausgehend, daß Du die Hintergrund-Bilder vom Container-div und vom body geschickt aufeinander abstimmst. ;-)
      Das ist jetzt aber nur ein spontaner Gedanke, vielleicht geht es auch eleganter.

      Es wäre wahrscheinlich viel einfacher, wenn Du alle drei wachsen läßt (am besten mit %). Die Bilder kannst Du ja trotzdem unverändert in der Mitte lassen; dann wächst eben der Abstand zwischen den Bildern und den beiden Navi-Kästen am Rand. Bei großen Auflösungen/Browserfenstern sieht das eventuell sogar besser aus, als wenn der Inhalt zu einem schmalen Streifen verkümmert (wie Der Martin ja schon geschrieben hat), und bei kleineren Auflösungen merkt man den Unterschied eh nicht.

      Tja, ist irgendwie schwer zu sagen, wenn man's noch nicht vor Augen hat. ;-)

      Viele Grüße vom Længlich

      1. Lieber Længlich

        Uff, das klingt aber gar nicht trivial.
        Es könnte gehen, wenn Du praktisch alles in ein Container-div packst und dieses zentrierst; davon ausgehend, daß Du die Hintergrund-Bilder vom Container-div und vom body geschickt aufeinander abstimmst. ;-)

        Klingt ja doch eher wieder nach kompliziertem Rumgewurschtele :)

        Es wäre wahrscheinlich viel einfacher, wenn Du alle drei wachsen läßt (am besten mit %). Die Bilder kannst Du ja trotzdem unverändert in der Mitte lassen; dann wächst eben der Abstand zwischen den Bildern und den beiden Navi-Kästen am Rand.

        Ja, das ist warscheinlich die besser Lösung.
        Du meinst das so wie hier, denke ich: http://cssdesign.e-workers.de/start.php
        richtig?

        Bei großen Auflösungen/Browserfenstern sieht das eventuell sogar besser aus, als wenn der Inhalt zu einem schmalen Streifen verkümmert (wie Der Martin ja schon geschrieben hat), und bei kleineren Auflösungen merkt man den Unterschied eh nicht.

        Ja, ich denke so in der Art werde ich es wohl auch lösen.
        Und von der strickten Untereinander-Anordnung der Bilder
        werde ich micht vielleicht doch noch trennen.
        Aber erstmal will ich sehen, wie das ausschaut.
        Dann werde ich mich also nun mal so langsam an ein 3-Spalten
        CSS-Layout heranwagen.

        Drück mir die Daumen :)

        Gruß
        Ingo

        1. Hallo Ingo,

          fällt dir etwas auf?
          Du hast deinen Entwurf nun in mehreren Threads gepostet. Jetzt kommt einmal
          hier, einmal dort eine Antwort. Alles muss über die halbe Forumshauptseite
          zusammengesucht werden, und keine Antwort hat einen Bezug zu den Anderen.

          Ja, ich denke so in der Art werde ich es wohl auch lösen.
          Und von der strickten Untereinander-Anordnung der Bilder
          werde ich micht vielleicht doch noch trennen.

          Daran hatte ich zu Anfang auch bereits gedacht. Mir ist aber aufgefallen,
          dass viele Bilder einen Teil des Produktes enthalten. Dabei entfalten die
          Bilder den besonderen Effekt daraus, dass sie ein großes Bild ergeben,
          gleichzeitig aber als einzelne Bilder erkennbar sind.
          Diese Bilder kannst du nicht (flexibel je nach Fenstergröße) auf mehrere
          Spalten aufteilen bzw. nebeneinandersetzen.
          Dann war mein Gedanke, es könnten ja die zusammenhängen Bilder untereinander
          und die Restlichen daneben gesetzt werden. Das funktioniert auch nicht, weil
          die Anzahl der Bilder, die zusammenhängen und die der einzelnen Bilder sehr
          stark variieren, es gibt auch einige Seiten, wo ein Bild einen Teil der
          darüberliegenden und einen Teil der folgenden enthält, also alle Bilder
          untereinander angeordnet sein müssen.
          Du müsstest also die Grafiken jeweils gruppieren und damit festlegen, welche
          zusammenbleiben müssen. Das würde dann allerdings dazu führen, dass die
          Seiten bei breiteren Browserfenstern sehr unterschiedlich wirken, einmal
          viele Grafiken übereinander, einmal mehrere Spalten mit Grafiken.
          Da wäre es besser, bei breitem Browserfenster die Beschreibung neben den
          Grafiken anzuordnen. Das ergibt meiner Meinung nach allerdings auch kein
          gutes Bild, weil dieser Text meist einfach viel zu kurz im Verhältnis zur
          Reihe übereinander angeordneter Grafiken ist.

          Bleibt also nur, den Freiraum bewusst in Kauf zu zu nehmen, und die Spalten
          so anzuordnen, dass es ein Bild ergibt, und nicht löchrig wirkt.

          Auf Wiederlesen
          Detlef

          --
          - Wissen ist gut
          - Können ist besser
          - aber das Beste und Interessanteste ist der Weg dahin!
          1. Lieber Detlef

            Du hast deinen Entwurf nun in mehreren Threads gepostet. Jetzt kommt einmal
            hier, einmal dort eine Antwort. Alles muss über die halbe Forumshauptseite
            zusammengesucht werden, und keine Antwort hat einen Bezug zu den Anderen.

            Yep, das war blöd.
            Den einen Thread (das "Doppelposting") hat man wohl auch geschlossen.
            Nun denn, ich werde versuchen, das in Zukunft besser zu machen.

            Bleibt also nur, den Freiraum bewusst in Kauf zu zu nehmen, und die Spalten
            so anzuordnen, dass es ein Bild ergibt, und nicht löchrig wirkt.

            Tja, damit hast Du mein Dilemma ja nun 100%tig erkannt :)
            Ich werde es entweder so machen, wie Du es da oben schreibst.
            Und wenn ich da nichts hinbekomme, was gut ausschaut,
            werde ich sogar in Erwägung ziehen, die Bilder neu zu machen.
            Und dann kann ich ja sobar von deren Format trennen.

            Drück mir mal die Daumen, dass ich das alles noch in diesem
            Leben schaffe :)

            Gruß
            Ingo

            1. Hallo Ingo

              Tja, damit hast Du mein Dilemma ja nun 100%tig erkannt :)

              Naja - Dilemma ist übertrieben, weil es keine Probleme bereiten dürfte, es
              zwar nicht perfekt, aber doch besser und flexibler als das alte Layout
              umzusetzen.

              Ich werde es entweder so machen, wie Du es da oben schreibst.

              Meiner Meinung nach, wäre das Layout schon ein ganzes Stück besser, selbst
              mit dem zentrierten schmalen Handtuch bei einer Anpassung der Navigation an
              die vom User gewählte Schriftgröße und ohne die Frames und Tabellen.

              Und wenn ich da nichts hinbekomme, was gut ausschaut,
              werde ich sogar in Erwägung ziehen, die Bilder neu zu machen.
              Und dann kann ich ja sobar von deren Format trennen.

              Ich weiß nicht, ob das gut wäre. Zum Einen macht das sehr viel Arbeit und
              zum Anderen würde es nur dann etwas bringen, wenn die Bilder flexibel
              angeordnet würden, also je nach Fenstergröße ein oder mehrspaltig verteilt
              oder variabel einmal links floatend einmal rechts, dann zentriert usw..
              Damit würdest du dir die Möglichkeit nehmen, Großansichten der Produkte
              über mehrere Bilder zu verteilen. Du müsstest also auf die Großansichten
              verzichten oder extra auch großformatige+re Bilder verwenden.
              Ich finde, deine Bilder leben gerade davon, dass sie alle ein nicht so
              großes einheitliches Format haben, es aber trotzdem Großansichten gibt, die
              sich dann aus vielen der kleinen Bilder zusammensetzen.

              Drück mir mal die Daumen, dass ich das alles noch in diesem
              Leben schaffe :)

              Das wirst du.

              Schreibe die Seiten in vernünftig strukturiertem XHTML, ohne dabei zu sehr
              an das gewünschte Design zu denken.
              Dann kannst du auch später noch, nur durch Änderung des CSS das Design
              ändern oder anpassen, ohne die Seiten selbst noch einmal anfassen zu müssen.

              Als Beispiel dafür, wie eine Seite nur durch Austausch eines Teiles des
              CSS verschiedene mehr oder weniger flexible Layouts haben kann:
              Ingo Turskis Seite.
              Das XHTML bleibt immer gleich, nur ein Teil des CSS wird gewechselt.

              Auf Wiederlesen
              Detlef

              --
              - Wissen ist gut
              - Können ist besser
              - aber das Beste und Interessanteste ist der Weg dahin!
              1. Lieber Detlef

                Naja - Dilemma ist übertrieben, weil es keine Probleme bereiten dürfte, es
                zwar nicht perfekt, aber doch besser und flexibler als das alte Layout
                umzusetzen.
                Meiner Meinung nach, wäre das Layout schon ein ganzes Stück besser, selbst
                mit dem zentrierten schmalen Handtuch bei einer Anpassung der Navigation an
                die vom User gewählte Schriftgröße und ohne die Frames und Tabellen.

                OK, Danke, dass Du mir da Mut machst.

                Ich weiß nicht, ob das gut wäre.
                Damit würdest du dir die Möglichkeit nehmen, Großansichten der Produkte
                über mehrere Bilder zu verteilen.
                Ich finde, deine Bilder leben gerade davon, dass sie alle ein nicht so
                großes einheitliches Format haben, es aber trotzdem Großansichten gibt, die
                sich dann aus vielen der kleinen Bilder zusammensetzen.

                Ja, eigentlich habe ich meine Bilder allso so lieb :)
                Die möchte ich schon gern behalten.

                Als Beispiel dafür, wie eine Seite nur durch Austausch eines Teiles des
                CSS verschiedene mehr oder weniger flexible Layouts haben kann:
                Ingo Turskis Seite.
                Das XHTML bleibt immer gleich, nur ein Teil des CSS wird gewechselt.

                Ist ja klasse!

                Danke nochmal für Deine Ermutigung.
                Gruß
                Ingo

                1. Góðan daginn!

                  Ich finde, deine Bilder leben gerade davon, dass sie alle ein nicht so
                  großes einheitliches Format haben, es aber trotzdem Großansichten gibt, die
                  sich dann aus vielen der kleinen Bilder zusammensetzen.

                  Ja, eigentlich habe ich meine Bilder allso so lieb :)
                  Die möchte ich schon gern behalten.

                  Dem kann ich nur zustimmen. Die Bilder passen sehr gut zusammen, wirken professionell und sind schön groß und detailliert (bei manchen anderen Shops bestellt man echt die Katze im Sack!).
                  Und Graphiken haben nunmal feste Größen in Pixel (jedenfalls die Bitmapformate, die die Browser unterstützen) und sind per se unflexibel.
                  Ich denke, es genügt, wenn Du die Textanteile der Seite (z.B. die Navi) und die Abstände zwischen den verschiedenen Bereichen variabel gestaltest, um den Bildschirm sinnvoll auszufüllen.

                  By the way: Der IE-Workaround, über den wir mal sinniert hatten, ist inzwischen bei mir im Einsatz. Außer "overflow-y" ist auch alles valide, und dieses habe ich kurzerhand durch ein "overflow" ersetzt, da ich Querscrollen sowieso um jeden Preis vermeide.
                  Ich habe allerdings nicht die Conditional Comments verwendet wie in dem Artikel, sondern den Star-HTML-Hack, weil ich das CSS komplett ausgelagert haben will, inclusive den Murxteil für den IE.
                  (Ich weiß, daß das hier nicht hinpaßt, aber der andere Thread ist schon im Archiv.)

                  Viele Grüße vom Længlich

                  1. Tach Længlich

                    Dem kann ich nur zustimmen. Die Bilder passen sehr gut zusammen, wirken professionell und sind schön groß und detailliert

                    Vielen Dank ... ich gebe mir da immer große Mühe.

                    Ich denke, es genügt, wenn Du die Textanteile der Seite (z.B. die Navi) und die Abstände zwischen den verschiedenen Bereichen variabel gestaltest, um den Bildschirm sinnvoll auszufüllen.

                    Wenn Du Zeit und Lust hast, schau mal hier:
                    https://forum.selfhtml.org/?t=114290&m=728243
                    Da habe ich einen neuen Entwurf und einige Anmerkungen dazu gepostet.

                    By the way: Der IE-Workaround, über den wir mal sinniert hatten, ist inzwischen bei mir im Einsatz.

                    Puhhhh, welchen IE-Workaround meinst Du denn da nochmal.
                    Ich habe hier schon so viele Antworten erhalten,
                    dass ich langsam etwas die Ünersicht verliere :)

                    Gruß
                    Ingo

                    1. Namaskaaramulu!

                      Puhhhh, welchen IE-Workaround meinst Du denn da nochmal.
                      Ich habe hier schon so viele Antworten erhalten,
                      dass ich langsam etwas die Ünersicht verliere :)

                      Ähem. Ich hatte gehofft, das wüßtest Du noch, ohne daß ich es hinschreibe. ;-)

                      *such*

                      *kruschtl*

                      Ah ja: Der für die fixen Bereiche, die man normalerweise mit "position:fixed" macht.

                      Viele Grüße vom Længlich

                      1. Lieber Længlich

                        Ah ja: Der für die fixen Bereiche, die man normalerweise mit "position:fixed" macht.

                        Ach so, alles klar.
                        Naja, aber da aich noch CSS-Anfänger bin,
                        werde ich mich ertstmal mit einer nix-fixen Navi begnügen.
                        Später dann vielleicht mal.

                        Hast Du vielleicht Lust, nochmal bei meinem neuen
                        Zwischenergebnis hereinzuschauen:
                        http://www.spaceart.de/___Test-01.shtml

                        Und hier dann auch gleich noch mal mein Text dazu ...
                        --------------------------------------------------------------------
                        1.)
                        Ich möchte, dass diese auf allen "wichtigen" Browsern
                        im Großen-und-Ganzen "gleich" aussieht.
                        IE, FF und Opera habe ich selber zum Testen auf WinXP da.
                        Falls hier noch ein paar Leute mit anderen Browsern untergwes sind
                        (Safari usw.) würde ich mich über ein kurzes Feedback sehr freuen.

                        2.)
                        Die feste Breite bei verschiedenen Browser-Schriftgrößen ist Absicht.
                        (Das mache ich wegen der Bilder).
                        Bei Schriftgrößen-Änderung im Browser müssten die ganzen Texte
                        und die Kästen mit den weissen Rahmen "mitwachsen" (nur in der Höhe).
                        Klappt das bei Euch allen auf Euren diversen Browsern?

                        3.)
                        Wie ist Euer Gesamteindruck?
                        Speziell interessiert mich das für:

                        a - Linksbündiger Textbloch unter dem Bild.
                        Sollte dieser lieber im Blocksatz sein?

                        b - Tabellarisch angeordneter Text für die Produktdaten
                        (Material, Größe, Preis usw.)
                        Wie findet Ihr das Verhalten bei
                        Schriftgrößen-Änderung im Browser?
                        Und wie findet Ihr die Anordnung überhaupt?

                        c - Anordung und Darstellung der Links ganz unten
                        ("in den Warenkorb", "zurück", "Empfehlen" usw.)
                        Wie findet Ihr die Anordnung und das Verhalten bei
                        Schriftgrößen-Änderung im Browser?
                        --------------------------------------------------------------------

                        Gruß
                        Ingo

                        1. Hi,

                          http://www.spaceart.de/___Test-01.shtml

                          das ist mir viel zu eingekästelt. Du solltest Rahmen sparsamer einsetzen, um ein bestimtes Element hervorzuheben oder zusammengehörige Elemente auch optisch zu kennzeichnen.

                          Außerdem solltest Du auch zum Testen auf inline-Styles verzichten. Wenn Du nicht alles direkt ins ausgelagerte CSS schreiben willst, dann nutze einen Style-Bereich im Head.
                          Apropos: auch über CC eingebundene Stylebereiche gehören in den Head.

                          Das erspart Dir auch die multiplen Definitionen für li.

                          a - Linksbündiger Textbloch unter dem Bild.
                          Sollte dieser lieber im Blocksatz sein?

                          Könnte evtl. sinnvoll sein, wenn der Rahmen wegfällt.

                          b - Tabellarisch angeordneter Text für die Produktdaten

                          Du wolltest doch eine sinnvollere dl nehmen?

                          freundliche Grüße
                          Ingo

                          1. Hallo Ingo

                            http://www.spaceart.de/___Test-01.shtml
                            das ist mir viel zu eingekästelt. Du solltest Rahmen sparsamer einsetzen, um ein bestimtes Element hervorzuheben oder zusammengehörige Elemente auch optisch zu kennzeichnen.

                            Wenn ich ihn richtig verstanden hatte, wollte er kein komplett neues Design
                            entwickeln, sondern soweit wie möglich das Bestehende efektiver umsetzen.

                            b - Tabellarisch angeordneter Text für die Produktdaten
                            Du wolltest doch eine sinnvollere dl nehmen?

                            Das könnte ein Streitpunkt sein, ob dies eine Tabelle oder eine
                            Definitionsliste ist. Ich würde nicht unbedingt auf einer dl bestehen.

                            Auf Wiederlesen
                            Detlef

                            --
                            - Wissen ist gut
                            - Können ist besser
                            - aber das Beste und Interessanteste ist der Weg dahin!
                            1. Lieber Detlef

                              das ist mir viel zu eingekästelt
                              Wenn ich ihn richtig verstanden hatte, wollte er kein komplett neues Design
                              entwickeln, sondern soweit wie möglich das Bestehende efektiver umsetzen.

                              Yep, Du hast es ganz genau erfasst :)

                              Das könnte ein Streitpunkt sein, ob dies eine Tabelle oder eine
                              Definitionsliste ist. Ich würde nicht unbedingt auf einer dl bestehen.

                              Ich werd mal sehen.

                              Gruß
                              Ingo

                          2. Lieber Ingo

                            http://www.spaceart.de/___Test-01.shtml
                            das ist mir viel zu eingekästelt.

                            Naja, das ist doch auch etwas Geschmacksahe oder?
                            Ich finde dieses Rahmen-Design eigentlich prima.

                            Außerdem solltest Du auch zum Testen auf inline-Styles verzichten.
                            ... oder ... nutze einen Style-Bereich im Head.

                            OK, werde ich in Zukunft machen.

                            Apropos: auch über CC eingebundene Stylebereiche gehören in den Head.

                            Habe ich korrigiert. Danke für den Hinweis.

                            a - Linksbündiger Textbloch unter dem Bild.
                            Sollte dieser lieber im Blocksatz sein?
                            Könnte evtl. sinnvoll sein, wenn der Rahmen wegfällt.

                            Hmmm, das verstehe ich nicht. Was hat denn der Blocksatz mit
                            dem Rahmen zu tun? Die typischen Blocksatz-Probleme bleiben
                            doch auch ohne den Rahmen bestehen.
                            Kläre mich auf bitte.

                            b - Tabellarisch angeordneter Text für die Produktdaten
                            Du wolltest doch eine sinnvollere dl nehmen?

                            Ja, wollte ich auch.
                            Aber ich habe immer noch keine Möglichkeit gefunden,
                            wie ich bei einer Definitionsliste diese versetzten Zeilen
                            "umformatieren" kann. Hast Du da eine Idee?

                            Gruß
                            Ingo

                            1. Hi,

                              a - Linksbündiger Textbloch unter dem Bild.
                              Sollte dieser lieber im Blocksatz sein?
                              Könnte evtl. sinnvoll sein, wenn der Rahmen wegfällt.

                              Hmmm, das verstehe ich nicht. Was hat denn der Blocksatz mit
                              dem Rahmen zu tun? Die typischen Blocksatz-Probleme bleiben
                              doch auch ohne den Rahmen bestehen.
                              Kläre mich auf bitte.

                              Um einen bündigen Eindruck zu erreichen, kann entweder ein Rahmen oder Blocksatz dienen. Natürlich bleiben die Blocksatz-Probleme, aber wenn die Zeilenbreite nicht zu gering ist und nicht zu lange Worte vorkommen, finde ich diese tolerierbar.

                              freundliche Grüße
                              Ingo

                              1. Hallo.

                                Natürlich bleiben die Blocksatz-Probleme, aber wenn die Zeilenbreite nicht zu gering ist und nicht zu lange Worte vorkommen, finde ich diese tolerierbar.

                                Empfohlen sei darüber hinaus die Verwendung von ­ und das Hoffen auf die browser-übergreifende Unterstützung desselben in absehbarer Zukunft.
                                MfG, at

                              2. Lieber Ingo

                                Um einen bündigen Eindruck zu erreichen, kann entweder ein Rahmen oder Blocksatz dienen.

                                Ach so, Du meinst also, dass ein Rahmen UND Blocksatz auf einmal
                                zu viel des guten Sind?

                                Gruß
                                Ingo

                                1. Hi,

                                  Ach so, Du meinst also, dass ein Rahmen UND Blocksatz auf einmal
                                  zu viel des guten Sind?

                                  eher daß ein Rahmen überflüssig ist und durch Blocksatz ersetzt werden könnte.

                                  freundliche Grüße
                                  Ingo

                                  1. Lieber Ingo

                                    eher daß ein Rahmen überflüssig ist und durch Blocksatz ersetzt werden könnte.

                                    OK, aber das ist doch dann letztendlich auch wieder die
                                    berühmte Geschmacksache ... oder?

                                    Gruß
                                    Ingo

                        2. Hallo Ingo

                          2.)
                          Die feste Breite bei verschiedenen Browser-Schriftgrößen ist Absicht.
                          (Das mache ich wegen der Bilder).
                          Bei Schriftgrößen-Änderung im Browser müssten die ganzen Texte
                          und die Kästen mit den weissen Rahmen "mitwachsen" (nur in der Höhe).

                          Wenn die Texte aber nicht mehr umbrochen werden können, ist es besser, wenn
                          die Boxen dann auch in der Breite wachsen, statt dass der Text über den
                          Border ragt. Ich würde auf jeden Fall noch ein min-width vorsehen.

                          a - Linksbündiger Textbloch unter dem Bild.
                          Sollte dieser lieber im Blocksatz sein?

                          Nein, Blocksatz im Browser zerreist die Zeilen.

                          b - Tabellarisch angeordneter Text für die Produktdaten
                          (Material, Größe, Preis usw.)
                          Wie findet Ihr das Verhalten bei
                          Schriftgrößen-Änderung im Browser?
                          Und wie findet Ihr die Anordnung überhaupt?

                          Solange die Schrift klein genug ist OK, bei größerer Schrift überlagert es
                          sich aber. Außerdem geht dann die Zuordnung ein wenig verloren, weil die
                          Zellen ohne Border oder nennenswerten zusätzlichen Abstand vertikal
                          zentriert sind.

                          c - Anordung und Darstellung der Links ganz unten
                          ("in den Warenkorb", "zurück", "Empfehlen" usw.)
                          Wie findet Ihr die Anordnung und das Verhalten bei
                          Schriftgrößen-Änderung im Browser?

                          Bei einem entsprechenden Abstand zwischen den Links sind die Striche
                          dazwischen meiner Meinung nach unnötig. Sie erfordern bei dir zusätzliche
                          total sinnlose Listenpunkte und sorgen dafür, dass es zu einer unlogischen
                          Darstellung kommt, wenn diese bei größerer Schrift umbrochen werden.

                          Schau dir mal mein Beispiel zu deiner Seite an.

                          Auf Wiederlesen
                          Detlef

                          --
                          - Wissen ist gut
                          - Können ist besser
                          - aber das Beste und Interessanteste ist der Weg dahin!
                          1. Lieber Detlef

                            Wenn die Texte aber nicht mehr umbrochen werden können, ist es besser, wenn
                            die Boxen dann auch in der Breite wachsen, statt dass der Text über den
                            Border ragt. Ich würde auf jeden Fall noch ein min-width vorsehen.

                            OK, macht Sinn ... un ich verstehe es sogar :)
                            DANKE!

                            Nein, Blocksatz im Browser zerreist die Zeilen.

                            OK, werde ich dann lassen.
                            Bei größerer Schrift siehts wirklich blöd aus.
                            Obwohl ich meine Blocksätze bei der festgezimmerten
                            Schriftgröße immer so geliebt hatte ... heul ;-)

                            Solange die Schrift klein genug ist OK, bei größerer Schrift überlagert es
                            sich aber.

                            Ja, das hatte mich auch gestört.
                            In Deinem Beispiel klappts ja nun wunderbar.

                            Bei einem entsprechenden Abstand zwischen den Links sind die Striche
                            dazwischen meiner Meinung nach unnötig ...

                            Ja, stimmt, das Verhalten der senkrechten Striche beim Umbrechen
                            hatt ich nich garnicht bedacht.

                            Schau dir mal mein Beispiel zu deiner Seite an.

                            Ich weiss nicht was ich sagen soll. Das ist ja perfeckt!
                            Ganz genau so wollte ich es letztendlich haben.
                            Ich habe das gleich komplett übernommen.
                            Aber ich habe mir das natürlich auch genau reingezogen,
                            denn ich will ja nicht nur "haben", sondern auch verstehen.

                            Danke nochmal ganz dolle und
                            Gruß
                            Ingo

  2. Wenn ich die Bilder (508 x 300 px) nun aber untereinander setze
    (manchmal bis zu 8 Stück), wird das drumherum natülich ziemlich leer,
    wenn man sich die Seite z.B. mit 1800er Breite ansieht.

    Versteht Ihr, was ich meine ?

    Kaum jemand wird mit einer so grossen Auflösung seinen Browser maximieren, warum auch?
    Er kann Seiten nur schwer lesen, die meisten Seiten wären halb leer.

    Du kannst davon ausgehen, das jemand mit einer solchen techn. Aussattung weiss was er tut und sein Browserfenster auf eine Breite (und Höhe) einstellt die angenehm zu lesen ist. Und die volle Auflösung vor allem dort nutzt wo sie von Vorteil ist. Du wirst du kaum Breiten finden über 1300 Pixel (ich hab das mal auf einer Seite getestet), die meisten sind zwischen 900 und 1100 (über 90% sind zwischen 700-1100).

    Es dürfte sogar so sein, dass die Auflösungen in Zukunft geringer werden, weil kleine handliche Rechner immer beliebter werden.

    Struppi.

    1. Lieber Struppi

      Kaum jemand wird mit einer so grossen Auflösung seinen Browser maximieren, warum auch?

      Stimmt auch wieder.

      Du wirst du kaum Breiten finden über 1300 Pixel (ich hab das mal auf einer Seite getestet)

      Meinst Du jetzt mit dieser: http://www.SPACEart.de ?
      Was denkst Du denn über dieses Design, was man ja auf sehr vielen
      Seiten sieht? Also ich meine den mittleren zentrierten Teil
      mit fester Breite, wo die Ränder dann eben mit irgendeiner
      "leer-Grfaik" (bei mir diese dünnen dunklen Streifen) "aufgefüllt" sind.

      dürfte sogar so sein, dass die Auflösungen in Zukunft geringer werden, weil kleine handliche Rechner immer beliebter werden.

      Hmmm, das ist ja nun auch wieder ein sehr interessanter Gedanke.
      Das spricht ja nun auch wieder für ein Design, was sich sowohl
      an die Fenstergröe UND an die eingestellte Schriftgröße anpasst.
      Ich habe hier eine prima Sache gefunden: http://cssdesign.e-workers.de/start.php
      Sowas wäre dich genau das richtige für mich, denke ich.
      Ob ich dann meine Bilder im mittleren Bereich eben doch wieder
      untereinander anorde oder nicht, muss ich noch sehen.
      Wie ist denn Deine meinung dazu?

      Gruß
      Ingo

  3. Hallo.

    gelayoutetet

    Na, zumindest besser als "laygeoutet".
    MfG, at

    1. Tach

      gelayoutetet

      Na, zumindest besser als "laygeoutet".

      geoutleiert oder autgeleiert ;-)

      Gruß
      Ingo

      1. Hallo.

        Na, zumindest besser als "laygeoutet".

        geoutleiert oder autgeleiert ;-)

        Auch nett, aber ich bezog mich auf das "Outen" als (die nicht jugendfreie Variante von) "Lay".
        MfG, at

        1. Tach wieder

          Auch nett, aber ich bezog mich auf das "Outen" als (die nicht jugendfreie Variante von) "Lay".

          Was heiist den "Lay"?

          Gruß
          Ingo

          1. Hallo.

            Auch nett, aber ich bezog mich auf das "Outen" als (die nicht jugendfreie Variante von) "Lay".

            Was heiist den "Lay"?

            Nach Lage der Dinge das Naheliegende.
            MfG, at