Eine eigene Webseite für meine Spielesammlung - wie?

[Beowulf]

Also wenn ich auf deine Seite gehe, ist der Impressums-Link schön zentriert. Liegt wohl daran, dass man das text-align wohl für das darüber liegende Elternelement hätte setzen müssen. Nun hast du aber den Link als Blockelement gesetzt, was aber nicht unbedingt nötig ist. Mach einfach text-align:center beim body, und du kannst beim impressumlink die ganzen text-align-, margin- und display-Anweisungen weglassen.

Und ich wollte extra Prozent um genau diese Dynamik da rein zu kriegen, das es sich je nach Browserfenster/Bildschirmauflösung auf der Seite verteilt.

Das Problem ist, dass schmale Browserfenster dadurch unnötig viel Rand haben. So ist im Impressum jetzt die Breite auf 60% gestellt, man hat also immer einen Rahmen von 40%... auch bei schmalen Fenstern. Auch kann es passieren, dass auf besonders breiten Monitoren der Text extrem in die Breite gezogen wird, wodurch dieser schlechter lesbar wird.
Vermeide lieber Prozentzahlen, und orientiere das Layout an der vom Browser eingestellten Schriftgröße, vermeide aber horizontales Scrolling durch max-width anstatt width.
Der Rest sollte der Kontrolle des Nutzers obliegen.

[Mic]

vermeide aber horizontales Scrolling durch max-width

Wird leider vom IE6 (der – warum auch immer – immer noch einen beachtlichen Anteil hat) ignoriert, daher würde ich diesen Weg lieber nicht gehen. So wie es jetzt ist, ist es eigentlich OK. Es geht natürlich noch besser (Tschuldigung @Greystash), aber selbst bei meiner Auflösung von 1920x1080 sieht alles lesbar aus. Und kleinere Auflösungen machen auch keine Probleme.

Jetzt nur noch ein paar animierte GIFs und Hintergrundmidimusik und die Retroseite ist perfekt.

[Lea]

Ja ich bin halt ein totaler Noob, das ist klar das es kein Meisterwerk ist. Ich muss mir für die Gestaltung noch was überlegen.

[elfant]

Liegt es eigentlich an mir oder ist die Schrift etwas groß?

[realchris]

Fehlt nur noch ne
Diddlmaus mit Zauberhut.

Ne, Du solltest noch prüfen ob die Deko-Font im Kopf Lizenzierung bedarf bzw. ob sie frei zu nutzen ist.

Und das Impressum würde ich oben drüber machen, da einige Gerichte ein Impressum, was man erst durch langes Scrollen finden muss als nicht einfach zugänglich bewerten, was es aber sein muss.

[Lea]

Ich hasse Diddel, also ganz sicher nicht. Und die Schrift ist ne Free Font.

[MarTenG]

realchris, es mag ja alles stimmen, was Du zum Impressum sagst, aber diese Panik die Du verbreitest ist echt übertrieben

vermeide aber horizontales Scrolling durch max-width

Wird leider vom IE6 (der – warum auch immer – immer noch einen beachtlichen Anteil hat) ignoriert, daher würde ich diesen Weg lieber nicht gehen

Na ja, ob man für eine private Seite unbedingt noch auf den IE6 rücksicht nehmen muß? Bei einer gewerblichen Seite, mit der man auch Firmen ansprechen möchte, versteh ich das noch, gibt da schließlich genug die noch den IE6 einsetzen, aber privat? Die drei Besucher die dann ein verschobenes Layout sehen sind zu vernachläßigen

[Mic]

Ne, Du solltest noch prüfen ob die Deko-Font im Kopf Lizenzierung bedarf bzw. ob sie frei zu nutzen ist.

Ist sozusagen irrelevant. Selbst wenn sie ein Font angegeben hätte, der nur käuflich zu erwerben wäre, so würde sie ihn ja nicht zum Download anbieten. Der würde einfach bei niemanden angezeigt werden, sofern er nicht auch zufälligerweise den Font besitzt.

Ich bin ganz verwundert, dass ich mit meinem Linux-System da was angezeigt bekomme. Hatte die ganze Zeit gedacht, das wäre eine Grafik.

Na ja, ob man für eine private Seite unbedingt noch auf den IE6 rücksicht nehmen muß? Bei einer gewerblichen Seite, mit der man auch Firmen ansprechen möchte, versteh ich das noch, gibt da schließlich genug die noch den IE6 einsetzen, aber privat? Die drei Besucher die dann ein verschobenes Layout sehen sind zu vernachläßigen

Aber warum nicht es für alle gleich machen? Wobei, das würde jetzt zu einer Grundsatzdiskussion führen.

Letztendlich wird die Welt in keinem Fall untergehen und in den Nachrichten wird man auch nichts von sehen, also mach wie MarTenG sagt. Sein Nick ist länger als meiner. ^^

[MarTenG]

Genau, glaube miiiir, hör auf miiiiich.

[Lea]

Ne, Du solltest noch prüfen ob die Deko-Font im Kopf Lizenzierung bedarf bzw. ob sie frei zu nutzen ist.

Ist sozusagen irrelevant. Selbst wenn sie ein Font angegeben hätte, der nur käuflich zu erwerben wäre, so würde sie ihn ja nicht zum Download anbieten. Der würde einfach bei niemanden angezeigt werden, sofern er nicht auch zufälligerweise den Font besitzt.

Ich bin ganz verwundert, dass ich mit meinem Linux-System da was angezeigt bekomme. Hatte die ganze Zeit gedacht, das wäre eine Grafik.

Na ja, ob man für eine private Seite unbedingt noch auf den IE6 rücksicht nehmen muß? Bei einer gewerblichen Seite, mit der man auch Firmen ansprechen möchte, versteh ich das noch, gibt da schließlich genug die noch den IE6 einsetzen, aber privat? Die drei Besucher die dann ein verschobenes Layout sehen sind zu vernachläßigen

Aber warum nicht es für alle gleich machen? Wobei, das würde jetzt zu einer Grundsatzdiskussion führen.

Letztendlich wird die Welt in keinem Fall untergehen und in den Nachrichten wird man auch nichts von sehen, also mach wie MarTenG sagt. Sein Nick ist länger als meiner. ^^

@Font ist das Zauberwort, solltet ihr Experten doch wissen. Damit sollte es egal sein ob ihr die Schrift installiert habt oder nicht.

[Mic]

Das hatte ich ganz übersehen.. wie peinlich. Na gut, somit wäre reals Frage berechtigt und bereits geklärt. Ansonsten so machen, wie MarTenG es sagt. Ich geh und mach meinen Internetführerschein.

[realchris]

@Font ist das Zauberwort, solltet ihr Experten doch wissen. Damit sollte es egal sein ob ihr die Schrift installiert habt oder nicht.

Das gilt gerade auch für Fonts, die man für eine Grafik verwendet. Fonts sind genau wie Software, es sei denn, dass sie frei nutzbar sind, urheberrechtlich geschützt, genau wie eben auch Fotos, Logos, Computerspiele etc. Die Seite ist, sofern dort Banner aufpoppen sollten, kommerziell. Falls Du diese Font selbst gekauft hast, müsstest Du sie eigentlich nutzen können, sofern kommerzielle Nutzung mit eingeschlossen ist oder Deine Seite Bannerfrei ist. Falls Du die Font im Netz geladen hast und diese eigentlich geschützt ist, kannst Du entsprechend abgemahnt werden. Man kann z.B mit einigen Programmen das Netz durchforsten und das erkennt dann, ob da irgendwo die Schrift in einer Grafik ist oder ob ein Foto oder Teile eines Fotos verwendet werden.

Die Windowsschriften kannst Du z.B nutzen, sofern Du Windows im Original hast. Ich darf z.B einige Schriften aus meinem Adobe CS 5 nicht kommerziell nutzen. Das sind alles Sachen, die man beachten muss, wenn man sich im Netz bewegt.

[Lea]

Wie schon erwähnt es ist ein Free Font!

[Beowulf]

Wird leider vom IE6 (der – warum auch immer – immer noch einen beachtlichen Anteil hat) ignoriert, daher würde ich diesen Weg lieber nicht gehen.

Aber natürlich. Denn die Ignorierung von max-width führt höchstens dazu, dass die Seite etwas breiter angezeigt wird. Dies schränkt aber die Nutzbarkeit der Seite nicht ein.
Das, was in den Internetstatistiken nicht auftaucht, das sind die User die nicht den ganzen Bildschirm mit dem Browser zupflastern oder einen sehr kleinen Bildschirm haben, z.B. Internethandys oder Handhelds. Ebenso gibt es sehbehinderte Menschen, die die Schrift gerne etwas größer stellen. In diesem Sinne ist die Seite von Greystash vorbildlich, da sich die Schriftgröße den Browsereinstellungen anpasst... im Gegensatz zum Adventure-Treff zum Beispiel! Ich finde, man kann eine Seite auch "überdesignen".

@Greystash: Ich würde den Impressums-Link unter die Überschrift stecken, das passt schon! Sieht sonst etwas doof aus.

[elfant]

Gut dafür gibt es ja notfalls immer noch den Zoom... wobei ich den Zoom auf 25% stellen muß, um Greystashs Seite als ganzes bewundern zu können.