Frage zu meiner Webseite

**Richie1978** · 16.07.2011 10:29

Hallo,

ich habe eine Webseite auf der unter anderem Reiseberichte veröffentlicht werden. Vor kurzem habe ich festgestellt, dass bei kleineren Bildschirmauflösungen dummerweise die Webseite sowohl horizontal als auch vertikal gescrollt werden muss. Erst bei 1280px Breite muss man nur noch in eine Richtung scrollen.

Jetzt habe ich zwei Mögliche Lösungsansätze:

1.
Anpassung der Bildbreite dynamisch an die Auflösung. Vorteil: Man muss nicht jedesmal alle Bilder großklicken.

2.
Im Text nur Thumbnails. Man muss jedesmal großklicken, dafür lädt die Seite schneller und die Bilder werden (in der großgeklickten Variante) nicht skaliert (Stichwort: Qualitätsverlust durch das skalieren).

Ich bin mir unsicher welcher der Vorteile für den Seitenbesucher stärker ins Gewicht fällt.

Von daher würde mich Eure Meinung interessieren, wie Ihr es "angenehmer" findet.

Variante 1:
http://www.beautifulamerica.de/reise...e/2011?start=1

Variante 2:
http://www.beautifulamerica.de/reise...e/2011?start=9

Was meint Ihr?

Viele Grüße
Richie

**time4mambo** · 16.07.2011 11:11

Mein Momitor ist 1920pixel breit - das siejht beides ganz fürchterlich aus. Besser ist es in der Breite mit min-width und max-width zu arbeiten. Und dabei niemals von der eigenen Hardware ausgehen

Thumbnails sind natürlich besser. In beinahe jedem Fall. Das sit also keine Frage, sondern lediglich Arbeit

Axel

**Richie1978** · 16.07.2011 11:28

Naja bei so breiten Monitoren wie Deinem ist aber das Problem, dass die Bilder sowieo nur maximal 800px haben. Deswegen habe ich bei der Dynamischen Version die Gestaltung wie folgende vorgeommen: Die Bilder sollen immer 100% der Breite des Content einnehmen, maximal jedoch 800px. Sonst werden die Bilder über Ihre tatsächliche Auflösung hinaus vergrößert.

**time4mambo** · 16.07.2011 15:12

Aber die Ladezeiten sind bei größeren Monitoren nicht geringer.

Und es gibt übern Daumen noch 20% in unserem schönen Land, die kein DSL-Zugang haben.
Allein deswegen solltest du nicht so große Bilder nehmen. Und es sieht wirklich schwußlich aus, wenn mich so eine Riesenseite anspringt. Ich verlasse mittlerweile solche Seiten und suche mir andere, die hübscher aussehen und das gleiche bieten

Axel

**Richie1978** · 16.07.2011 16:44

Erst mal Danke für die Meinung.

Könntest Du das noch präzisieren. Wenn man also von Variante 2 mit Thumbnails ausgeht, was stört dann noch?

**downunder2003** · 16.07.2011 16:51

Hallo Richie,

Grundsätzlich bin ich ein Fan von "anständig grossen" Thumbnails. Soll heissen ein Thumbnail darf bei mir gerne 300-400 Pixel breit sein (eben so, dass ich das Bild sowohl auf Laptop, wie auch auf Grossbildschirm anständig ansehen kann). Wenn's dann ne klickbare Zoomvariante gibt, umso besser!

Was mir an deiner Seite gefällt, ist das flüssige Layout (also width 100%). Ich würde mir aber - genau wie Axel geschrieben hat - überlegen, mit min-width und max-width zu arbeiten. Ab einer gewissen Minimalbreite sieht die Webseite komisch aus, ab so 1400px wird's langsam etwas breit. Das ist aber Geschmackssache

Grüsse
Michael

**Richie1978** · 16.07.2011 23:15

Jetzt stellt sich halt nur die Frage: Wie geht das?

Ich weiß wie ich es hinbekomme, dass nur der weiße Bereich mit min-width und max-width festgelegt wird. Aber wie mache ich das für die komplette Seite (also inklusive der Balken links und rechts)?

**illovo** · 17.07.2011 00:35

Vermutlich
body{max-width:XYZpx;min-width:XYZpx;}

Oder, falls du für den BODY eine Hintergrundfarbe hast, ein DIV mit id um die gesamten Inhalte legen und dann max-width min-width für diesen DIV

HTML-Code:

<body>
<div id="div4all">
....hier das Rest-Gedöns...
</div><!--/div4all-->
</body>

Code:

#div4all{
 max-width:1280px;
 min-width:950px;
 margin:0;
 padding:0;
}

**Richie1978** · 17.07.2011 13:06

Danke. Nur wie zentriere ich das noch? So schaut es nämlich beschissen aus.

**Harmageddon** · 17.07.2011 13:09

Dem body ein margin: auto geben.

Thema: Frage zu meiner Webseite

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Frage zu meiner Webseite

Erhielt Danksagungen von:

Erhielt Danksagungen von:

Lesezeichen

Lesezeichen

Berechtigungen