Layout Idee für Online-Shop

[Ingo Siemon]

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

[Ingo Siemon]

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

[Længlich]

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

[Ingo Siemon]

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

[Detlef G.]

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

[Ingo Siemon]

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

[Detlef G.]

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

[Ingo Siemon]

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

[Længlich]

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

[Ingo Siemon]

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

[Længlich]

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

[Ingo Siemon]

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

[Ingo Turski]

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

[Detlef G.]

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

[Ingo Siemon]

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

[Ingo Siemon]

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

[Ingo Turski]

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

[at]

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

[Ingo Siemon]

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

[Ingo Turski]

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

[Ingo Siemon]

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

[Detlef G.]

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

[Ingo Siemon]

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

[Struppi]

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.

[Ingo Siemon]

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

[at]

Hallo.

gelayoutetet

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

[Ingo Siemon]

Tach

gelayoutetet

Na, zumindest besser als "laygeoutet".

geoutleiert oder autgeleiert ;-)

Gruß
Ingo

[at]

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

[Ingo Siemon]

Tach wieder

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

Was heiist den "Lay"?

Gruß
Ingo

[at]

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