Panorama-Designs

[Azra]

Tagchen,

da ich zurzeit an meinem Portfolio arbeite, benötige ich ein wenig Input von außerhalb.
Was ihr wissen müsst:
- Content optimiert für 1280*1024
- Bilder optimiert für 1680*1050
- Werde zwei Stylesheet Weichen für "<1280px" und ">1680px" erstellen

Die Auflösung wird abgerufen und den Content breiter oder schmaler darstellen.
Was ihr seht ist quasi der roh Diamant, die weißen Abstände sind gewollt.

http://web145.omikron.ibone.ch/legatio/portfolio/

Für mich wichtig ist, mit welchem Browser Fehler auftreten und bei welcher Auflösung falsche Darstellungen entstehen.
Valide ist das ganze, SEO ist auch eingepflegt.

Danke fürs lesen.

[sejuma]

Du hast folgenden Denkfehler:
Maßgeblich ist nicht die Bildschirmauflösung, sondern die Viewportgröße. Und die kann unabhängig von der Auflösung bei jedem Benutzer anders groß sein. Sie hängt davon ab, wie groß das Bilschirmfenster aufgezogen ist, wie breit z.B. eine geöffnete Favoriten oder Verlaufsleiste ist oder wie hoch die obere Menü-/Symbolleiste ist.

Folge von deiner Konstruktion: Die Seiten werden nicht komplett dargestellt und man kann nicht vertikal scrollen. Somit gehen Inhalte verloren und bleiben unsichtbar.

Ist zwar mal was anderes so ne Panoramaseite, von der Handhabung her m.E. jedoch äußerst unpraktisch.

[Azra]

nicht die Bildschirmauflösung, sondern die Viewportgröße

Ja, ist mir nachträglich auch eingefallen. Ich war mit meinen Gedanken schon ganz wo anders.
Wie gesagt, es ist kein Problem den Inhalt an die Größe des Browserfensters anzupassen.
Nur etwas nervig bei den Bildern...

man kann nicht vertikal scrollen

Doch, FF sowie IE verhalten sich korrekt.

Unpraktisch ist das falsche Wort. Es ist lediglich schwerer eine professionelle und fehlerlose Webseite zu erstellen.

[dhx]

Moin,

Opera 10.60 (Browserfenster voll aufgezogen (Auflösung: 1920 x 1080)):

Doppelte Navigation und Inhalt der nächsten Seite ist teilweise schon zu sehen. Das gleiche Spiel ist im Chrome, FF und IE8 zu sehen.

Firefox 3.6.6 (Browserfenster verkleinert):

Inhalt teilweise nicht erreichbar dar keine Scrollbalken vorhanden.

IE8 (Browserfenster verkleinert):

Beim ersten Seitenaufruf -> Seite nicht nutzbar da keine Navigation und keine Scrollmöglichkeit vorhanden sind. Das gleiche Verhalten zeigte sich bei mir im Chrome, Opera und FF* (jeweils letzte Versionen).
*Fehler trat aber unregelmäßig auf.

IE7 (Browserfenster verkleinert):

Im Gegensatz zum IE8 und den anderen Browsern wird hier ein waagerechter Scrollbalken angezeigt.

[Azra]

Hey, tausend Dank.
Als ich am Design saß hatte ich garnicht bedacht, dass der Content zu hoch sein könnte.
Bei der Umsetzung in HTML ging mir ein leises "oh, oh..." durch den Kopf und nun sehe ich das Ergebnis
Nunja, wir werden sehen wie es aussieht wenn ich die Breite des Browsers abrufe und das entsprechende Stylesheet lade. Bin grad etwas demotiviert, sollte vielleicht mit dem Design weitermachen