Frage zu Design, Struktur und Proportion

03/30/2013 19:41 Critone#1
Hey,

ich erstelle zur Zeit eine Website für einen Freund.

Hier ein Screen:

[Only registered and activated users can see links. Click Here To Register...]


Ich wollte fragen wie Ihr das Design findet und was ich verändern könnte.
Außerdem habe ich eine Frage zu den Proportion, denn ich hatte immer meine Probleme die Aufteilung der Elemente so zu gestallten das es auf allen Bildschirmen gleich aussieht. Meine Frage an euch ist deshalb ob es überall gleich aussieht und ob ihr es anders oder genauso gemacht hättest, dazu habe ich im Anhang die CSS-Datei für die Seite und für das Menü hochgeladen.

Ich würde mich über Hilfe freuen.
Mit freundlichen Grüßen
Critone
03/30/2013 19:51 Mikesch01#2
Kannst du das bitte auf einen FTP hochladen und uns den Link schicken, würde dir ja gern helfen, aber ich lad das nicht runter^^
03/31/2013 00:39 Every_b#3
Lade bitte einmal die komplette Seite hoch, mit den CSS-Dateien alleine können wir noch nicht viel machen.

Mach es aber am Besten wie Mikesch gesagt hat und lade es auf einen Webspace.
03/31/2013 09:21 Critone#4
Hier ist einmal der [Only registered and activated users can see links. Click Here To Register...] :)
03/31/2013 13:35 Zunft#5
Zu dem Problem mit den Proportionen und der Auflösung:

Du solltest nicht mit Pixelangaben beim Abstand arbeiten, sondern mit Prozentangaben. Musst du ein wenig rumprobieren um das herauszufinden.

Zum Design:

Normalerweise wird von einem Grafiker die Seite vorentworfen, heißt dass jeder Inhalt (Navi, Banner, etc.) einen eigenen Layer bekommt. Dieser Entwurf wird dann vom Developer umgesetzt.

Nächstes Problem ist die Browserkompatibilität. Ich habe dir hierzu mal ein paar Screenshots gemacht:


Folgende Browser sollten unterstützt werden: IE7, IE8, IE9, FF, Chrome, Opera. Safari ist kein Muss.

Dieses Problem lässt sich durch seperate CSS-Dateien lösen, auch Browserweiche genannt. Eine gute Anleitung dafür findest du [Only registered and activated users can see links. Click Here To Register...].

Nützlich könnte für dich auch die HTML und CSS-Validator sein:

[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]

Und es bringt nichts den Namen zu zensieren wenn es:

1. Im Titel steht
2. über die Haupt-URL aufrufbar ist
;)
03/31/2013 14:17 Synatex#6
Quote:
Folgende Browser sollten unterstützt werden: IE7, IE8, IE9, FF, Chrome, Opera. Safari ist kein Muss.
IE7 ist quatsch. Der Marktanteil vom IE7 liegt in Deutschland nur noch bei Rund 2%. Außerdem ist der IE10 für alle Windows 7 PC's draußen, der hat auch schon Rund 1% Marktanteil.

Desweiteren nimmt der Marktanteil vom IE pro Jahr rund 10% ab, was primär ältere Versionen betrifft (beispielsweise dadurch, das Google den IE8 auch schon gar nicht mehr durchlässt). Der hat noch ungefähr einen Marktanteil von ~11% wenn man sich durch diverse Statistiken in Google hangelt und die mit einander vergleicht. Da ist die Frage, ob es für solche kleinen Webseiten wirklich nötig ist die Zeit darein zu investieren oder es einfach so zu lassen.
03/31/2013 14:23 Critone#7
Ich habe jetzt wenig geändert und mal ein paar Screens gemacht.

Einmal von Google Chrome, Firefox und Internet Explorer.
Bei mir sieht es überall gleich aus...

Chrome:

Firefox:

IE:


Also meine Frage ist, was ich jetzt noch ändern kann oder unbedingt muss, oder ob man das so schon online stellen kann.

Habe die ganze Seite auch nochmal neu hochgeladen, hier der [Only registered and activated users can see links. Click Here To Register...] (Ist aber noch am hochladen, kann dauern)
03/31/2013 14:42 Zunft#8
Quote:
Originally Posted by Synatex View Post
IE7 ist quatsch. Der Marktanteil vom IE7 liegt in Deutschland nur noch bei Rund 2%. Außerdem ist der IE10 für alle Windows 7 PC's draußen, der hat auch schon Rund 1% Marktanteil.

Desweiteren nimmt der Marktanteil vom IE pro Jahr rund 10% ab, was primär ältere Versionen betrifft (beispielsweise dadurch, das Google den IE8 auch schon gar nicht mehr durchlässt). Der hat noch ungefähr einen Marktanteil von ~11% wenn man sich durch diverse Statistiken in Google hangelt und die mit einander vergleicht. Da ist die Frage, ob es für solche kleinen Webseiten wirklich nötig ist die Zeit darein zu investieren oder es einfach so zu lassen.
Sehe ich genauso :) Das lustige ist nur das Microsoft den IE7 noch nicht offiziell abgeschossen hat. Und da ich im Bereich Web-Development einen Aushilfsjob habe regt mich das jedes mal auf eine Website für den IE7 oder generell IE zu optimieren.

IE10 oder IE9 macht kaum einen Unterschied bei der Optimierung.
03/31/2013 16:09 PseudoPsycho#9
Quote:
Originally Posted by Zunft View Post
Sehe ich genauso :) Das lustige ist nur das Microsoft den IE7 noch nicht offiziell abgeschossen hat. Und da ich im Bereich Web-Development einen Aushilfsjob habe regt mich das jedes mal auf eine Website für den IE7 oder generell IE zu optimieren.

IE10 oder IE9 macht kaum einen Unterschied bei der Optimierung.
Wenn ich Webseiten bastle, teste ich diese mit Firefox Aurora, Firefox Stable und Chrome Nightly. Der Internet Explorer ist bei mir untendurch. Wenn den jemand benutzt und meine Seite damit schlecht aussieht, dann hat der Nutzer das auch verdient, weil er sich keinen vernünftigen Browser zulegt. :p
Und für die Arbeit oder Schule gibt's Stand alone-Versionen.
Ich denke, dass die meisten IE-Nutzer entweder Idioten oder ältere Leute, die sich nicht mit PC's auskennen, sind. Für gewöhnlich sollte das ohnehin nicht meine Zielgruppe sein.
03/31/2013 17:27 Zunft#10
Quote:
Originally Posted by PseudoPsycho View Post
Wenn ich Webseiten bastle, teste ich diese mit Firefox Aurora, Firefox Stable und Chrome Nightly. Der Internet Explorer ist bei mir untendurch. Wenn den jemand benutzt und meine Seite damit schlecht aussieht, dann hat der Nutzer das auch verdient, weil er sich keinen vernünftigen Browser zulegt. :p
Und für die Arbeit oder Schule gibt's Stand alone-Versionen.
Ich denke, dass die meisten IE-Nutzer entweder Idioten oder ältere Leute, die sich nicht mit PC's auskennen, sind. Für gewöhnlich sollte das ohnehin nicht meine Zielgruppe sein.
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]

Ich habe mal die Werte verglichen und mir ist aufgefallen, dass es immer unterschiedliche Anteile gibt. Es kann natürlich an der Zielgruppe liegen, jedoch denke ich, dass es immer am Sinnvollsten ist für alle bekannten Browser eine Weiche einzubauen (ausser für die Mac-User, die hasse ich wie die Pest^^).
03/31/2013 17:33 PseudoPsycho#11
Quote:
Originally Posted by Zunft View Post
ausser für die Mac-User, die hasse ich wie die Pest^^
So geht's mir mit IE-Nutzern ^^
Jetzt wieder Back to Topic? Können hierfür ja 'nen eigenen Thread aufmachen...