[Bookworm]

Moin

ihr predigt es hier ja immer so schön: Man soll besser prozentuale Angaben statt pixelbasierte Layouts in CSS machen. Dem stimm ich eigentlich auch voll zu, denn so sieht die Seite bei jeder Bildschriamauflösung realtiv gleich aus. So... Jetzt war ich heute aber mal mit der PSP von emiem kleinen Bro im Internet (echt erstaunlich was der Kasten alles kann) und auf einigen Seiten, darunter meiner, ist mir was aufgefallen: Durch die prozenualen Angaben rutscht alles so weit zusammen, dass man nicht vertikal scrollen muss. Joa, fein, gell? Dummerweise ist der Bildschirm aber so klein, das es mir zwangsläufig die Navigation über den Inhalt kleistert... Nicht sehr fein... Naja, jedenfalls, bei Seiten, bei denen die Breitenangaben in Pixel sind, tritt das Phänomen logischerweise nicht auf. Das allerdings widerspricht ja irgendwie dem, was hier in dem Forum immer wieder erzählt wird. Und ich muss zugeben, ich scroll lieber vertikal, als die Navi mitten auf dem Inhalt zu haben.

Was sagt ihr dazu? Sollte man die User mobiler kleiner Endgeräte vollkommen vernachlässigen? Sollte man einfach wieder mit Pixeln arbeiten? Und wenn ja, optimiere ich dann so, dass auch Leute mit 800*600 was davon haben?

Gruß
Booki

[xardias]

Also um ehrlich zu sein sehe ich mehr nachteile in den pixelgenauen Angaben.

Man ist zum einen an eine feste Seitenbreite gebunden (aber das ist ja auch wieder ein anderes streitthema).
Es gibt Leute die eventuell eine größere Schriftgröße eingestellt haben, das kann manche pixelgenauen Layouts durcheinander bringen, oder was eventuell ignoriert wird weil man die Schriftgrößen auch in Pixeln angibt, was aber dann nicht Sinn der Sache ist).

Mit pixelgenauen Layouts ist man vielleicht flexibler was das Design angeht, da man Bilder exakter verwenden kann.

Ich persönlich bevorzuge Schriftbezogene angaben (em). Wenn ich noch was zeit finde kann ich ja noch ein paar gedanken dazu hinterlegen, muss jetzt aber weg.

regards
Dennis

[pichfl]

wenn der von dir beschriebene Effekt eintrifft, passt irgendwas nicht.
Wenn ich meine Navi verkleinere, wird sie halt mehrzeilig und schiebt den Inhalt weiter nach unten.
Ober wenn ich ein Mehrspaltenlayout habe rutscht die Navigation wenn kein platz mehr ist über/unter den Inhalt. (z.b über Floats).

Im Idealfall legt man für Mobilgeräte sowieso am besten ein eigenes Stylesheet an. (Besserer Kontrast, Beschränkung auf wichtige Inhalte, weniger Schmuckelemente)

Flexible Layouts mit einer Mischung aus em und % sind meiner Menung nach die beste Lösung.

[Bookworm]

Und wie leg ich für mobile Geräte sowas an?^^ Gibts da irgendwas à la <-- if[IE] --> oder wie?

[pichfl]

<link src="style.css" type="text/css" media="mobile" />
oder mit @import

genaueres gibts wie immer bei de.selfhtml.org oder css4you


EDIT:
mobile gibts nicht, wie ich mich belehren lassen musste. ab und an sollte ich genauer nachschaun.

[mr1st]

<link rel="stylesheet" type="text/css" media="handheld" href="handheld.css" />

Siehe dazu auch hier.