zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Site- und Layoutcheck
Seite neu laden Site- und Layoutcheck sowie konstruktive Kritik erbeten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 29.10.2006, 14:28
Benutzerbild von DieterWelzel
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 28.09.2006
Ort: Siegburg (bei Bonn)
Beiträge: 131
DieterWelzel befindet sich auf einem aufstrebenden Ast
Pfeil Site- und Layoutcheck sowie konstruktive Kritik erbeten

Liebe Webdesignergemeinde,

ich stehe kurz vor dem Relaunch meiner Website. Die wesentlichen Gründe dafür könnt Ihr unter Dieter Welzel: Historie nachlesen.

Den derzeitigen Stand der vorgesehenen Überarbeitung könnt ihr unter
Dieter Welzel´s private Homepage zu Fernstudium, Musik, PC sehen.

Einen Screenshot, wie die Seite vom Design her in möglichst allen neueren Browsern aussehen sollte, gibt es unter http://www.dieter-welzel.de/rahmensichtbar.768x576.jpg.
Getestet habe ich die Website mit dem Internet Explorer (IE) 6.0, Firefox (FF) 1.507, Opera 9.02, Netscape (NS) 7.1 sowie K-Meleon 1.02 (alle unter Windows XP).

Besonders dankbar bin ich für Test mit allen anderen Browsern, anderen Betriebssystemen und Versionen der o.g. Browser insbesondere dem IE 7, FF 2, Mac IE und Safari.

Leider bin ich ein CSS-Anfänger und habe ich noch Probleme bei der Darstellung im IE. Das größte Problem dabei ist die gelegentlich fehlende Darstellung des Rahmens bei den Containern mit den Ids Breadcrumb und Navlist. Eine Beschreibung und Screenshot des Problems gibt es auf meiner Seite Dieter Welzel: Homepage-Probleme.

Die GrundideeZu diesen beiden Büchern gibt es auch eigene Websites unterund inzwischen auch eine neuere Auflage des jeweiligen Buches.

Darüber hinaus hat mir auch das Buch Little Boxes von Peter Müller sehr geholfen. Auch dazu gibt es eine eigene Website (unter Little Boxes - CSS lernen - Startseite).

Auch für konstruktive Kritik zu dem zugegebener Maßen mehr auf Accessibilty (Zugänglichkeit) als grafisches Webdesign Wert legenden Design wäre ich dankbar. Dabei darf gerne auch auf meine noch nicht realisierte Idee, die explorerähnliche Navigation von der linken auf die rechte Seite zu verlegen sowie die Absicht darunter ebenfalls explorerähnlich Linktipps zu ergänzen eingegangen werden.

Vielen Dank für Eure Mithilfe bereits im voraus und
herzliche Grüße
Dieter
PS: Kleiner Nachtrag. Dem Zweispalten-Layout meiner Seite liegt das sogenannte Skidoo (Lean) von Ruthsarian Layouts zugrunde. Ich hatte dieses Layout ausgewählt, da unter einfach-für-alle die Seite als Linktipp empfohlen wurde.
__________________
http://www.dieter-welzel.de
http://www.webseiten-infos.de
http://bluelight-rock.de
http://www.jurafernstudium.de
Dreamweaver CS5 | Windows 7 | IE 9, 8, 7, 6 | Firefox 6 | Opera 11.5 | Safari 5

Geändert von DieterWelzel (29.10.2006 um 21:45 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 29.10.2006, 23:43
CSS-Fan
XHTMLforum-Mitglied
 
Registriert seit: 22.11.2005
Ort: Österreich
Beiträge: 177
mcdaniels befindet sich auf einem aufstrebenden Ast
Standard

Hey!
Da die Seite Informationen transportieren soll, denke ich dass das Design seinen Zweck erfüllt. (auch wenn der Transport von Information ein aufgepepptes Grafikdesign nicht ausschliesst).

Was du auf jedenfall machen solltest ist, den HTML und CSS Validator auf deine Seite loszulassen.

Für den Firefox gibts da auch ein interessantes Addon namens "Web Developer Toolbar" (Einfach mal in google eingeben.)
__________________
Das Problem sitzt meistens 30 cm von der Tastatur entfernt!
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 30.10.2006, 00:03
Benutzerbild von DieterWelzel
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 28.09.2006
Ort: Siegburg (bei Bonn)
Beiträge: 131
DieterWelzel befindet sich auf einem aufstrebenden Ast
Lächeln Danke

Hallo mcdaniels,

danke für Deine Anmerkungen.

Wenn ich mit CSS etwas vertrauter bin, werde ich bestimmt auch die eine oder andere Designidee eher umsetzen können.

HTML- und CSS-Validierung habe ich bereits mit den entsprechenden Seiten des W3C und der sehr praktischen Firefox-Erweiterung HTML-Validator durchgeführt.

Aufgrund der Conditional Comments, die ich benötige, damit der IE ab 5.0 auch das Layout darstellen kann, habe ich leider entsprechende Fehlermeldungen. Wenn da jemand einen Weg weiß, wie ich das abstellen kann, würde ich mich über einen entsprechenden Hinweis freuen. Ich glaube allerdings hier im Forum schon gelesen zu haben, dass das leider nicht geht. Einen Tod muss man dank des IE sterben (fehlerhafte Darstellung im IE wegen seiner fehlerhaften CSS-Unterstützung oder Fehlermeldungen beim HTML-Validieren wegen des Einsatzes der Conditional Comments).

Danke für den Tipp mit der Web Developer Extension, aber die ist bei mir schon im Einsatz und unter Dieter Welzel: Homepage-Tools bereits als Empfehlung zu finden.

Was mich noch interessieren würde: Eine Navigation am rechten Rand ist durch Blogs inzwischen nichts mehr völlig Ungewöhnliches mehr. Was hältst Du von meiner Absicht die Navigation nach rechts zu packen?

Gruß
Dieter
__________________
http://www.dieter-welzel.de
http://www.webseiten-infos.de
http://bluelight-rock.de
http://www.jurafernstudium.de
Dreamweaver CS5 | Windows 7 | IE 9, 8, 7, 6 | Firefox 6 | Opera 11.5 | Safari 5

Geändert von DieterWelzel (30.10.2006 um 00:07 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 30.10.2006, 00:08
CSS-Fan
XHTMLforum-Mitglied
 
Registriert seit: 22.11.2005
Ort: Österreich
Beiträge: 177
mcdaniels befindet sich auf einem aufstrebenden Ast
Standard

Hey!
Ich denke, die Navi nach rechts zu packen, hängt vom persönlichen Geschmack ab.
__________________
Das Problem sitzt meistens 30 cm von der Tastatur entfernt!
Mit Zitat antworten
  #5 (permalink)  
Alt 30.10.2006, 00:20
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von Mitdreissiger Beitrag anzeigen
Aufgrund der Conditional Comments [...] habe ich leider entsprechende Fehlermeldungen.
Die fehlerverursachende Zeile ist fehlerhaft und völlig unnötig. Lösche sie, dann gibt's keinen Validierungsfehler mehr.
Wenn du ein Stylesheet per CC einbindest, brauchst du darin nichts vor dem IE Mac verstecken; dieser liest keine CCs.
Bist du wirklich sicher, dass du ein spezielles Stylesheet für alle IE größer/gleich 5 einbinden willst? Der IE7 sollte es tunlichst nicht zu Gesicht bekommen. Der kann position:fixed.
Mit Zitat antworten
  #6 (permalink)  
Alt 30.10.2006, 00:28
Benutzerbild von DieterWelzel
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 28.09.2006
Ort: Siegburg (bei Bonn)
Beiträge: 131
DieterWelzel befindet sich auf einem aufstrebenden Ast
Standard Re: Navigation rechts

Hi mcdaniels,

ich denke, dass die richtige Antwort für die Frage, ob die Navigation auch rechts sein sollte, mehr als nur vom persönlichen Geschmack abhängt.

Da meine Navi auch kleine Icons inklusive einer drehenden Erdkugel enthält, lenkt sie links mehr vom Text ab. Insoweit wäre wohl rechts günstiger. Außerdem dürfte es dann einfacher sein, die Navigation im Quelltext hinter dem Seiteninhalt zu haben. Das wäre dann für die Berücksichtigung durch die Suchmaschinen günstiger, weil dann der Inhalt weiter vorne ist.

Andererseits sind viele Surfer es von anderen Seiten gewohnt, dass die Navi auf der linken Seite ist. Dass sich auf meiner Seite die Navi dann rechts befindet, kann dann verwirren und die Usebility sowie Accessibility negativ beeinträchtigen. Ich denke entscheidend ist die Erfahrung und Erwartungshaltung der meisten Surfer, die auf meine Seite kommt. Vielleicht werde ich mal ne Umfrage auf meiner Seite machen, bevor ich mir die ganze Arbeit mache.

Gruß
Dieter
__________________
http://www.dieter-welzel.de
http://www.webseiten-infos.de
http://bluelight-rock.de
http://www.jurafernstudium.de
Dreamweaver CS5 | Windows 7 | IE 9, 8, 7, 6 | Firefox 6 | Opera 11.5 | Safari 5
Mit Zitat antworten
  #7 (permalink)  
Alt 30.10.2006, 00:37
Benutzerbild von DieterWelzel
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 28.09.2006
Ort: Siegburg (bei Bonn)
Beiträge: 131
DieterWelzel befindet sich auf einem aufstrebenden Ast
Lächeln Re: Fehlerhafte Zeile (?)

Hallo fricca,

vielen Dank für den Hinweis auf eine fehlerhafte Zeile, aber ich weiß nicht welche Du meinst. Der HTML-Validator vom W3C zeigt mir noch die Conditional Comments im Header als Fehler an. Müsste ich da was ändern?

Ich bin leider noch CSS-Anfänger und brauche deshalb leider konkretere Angaben, über die ich mich freuen würde.

Den Mac IE habe ich leider nicht. Daher kann ich meine Seite nicht damit testen. Darüber hinaus wusste ich bisher nicht, dass der Mac IE keine CC kann. Heißt das, dass er dann wie die anderen Browser css.css liest oder wie der NS 4 dann garkeine CSS-Datei lädt?

Bezüglich des IE 7 bin ich leider auch noch ohne Kenntnisse. Ich hoffte und dachte, dass er sich genauso mit den CC wie IE 5 bis 6 ansprechen lässt. Hast Du da eine bessere Lösung?

Gruß
Dieter
__________________
http://www.dieter-welzel.de
http://www.webseiten-infos.de
http://bluelight-rock.de
http://www.jurafernstudium.de
Dreamweaver CS5 | Windows 7 | IE 9, 8, 7, 6 | Firefox 6 | Opera 11.5 | Safari 5
Mit Zitat antworten
  #8 (permalink)  
Alt 30.10.2006, 00:47
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von Mitdreissiger Beitrag anzeigen
vielen Dank für den Hinweis auf eine fehlerhafte Zeile, aber ich weiß nicht welche Du meinst. Der HTML-Validator vom W3C zeigt mir noch die Conditional Comments im Header als Fehler an.
Nein, nicht alle. Diejenigen, die als Kommentar ausgeführt sind, verursachen keine Fehler.

Dashier: <![if ! IE ]> <![endif]> brauchst du nicht.
Lass den IE das normale Stylesheet einlesen und gib ihm dann per CC ein zweites, in das du nur das reinschreibst, was der IE an Sonderbehandlung braucht.


Zitat:
Heißt das, dass er [IE Mac] dann wie die anderen Browser css.css liest
Ja.

Zitat:
Bezüglich des IE 7 bin ich leider auch noch ohne Kenntnisse. Ich hoffte und dachte, dass er sich genauso mit den CC wie IE 5 bis 6 ansprechen lässt.
Der IE7 lässt sich per CC ansprechen.
Er kann aber einiges mehr an CSS, z.B. mit position:fixed umgehen.
Ändere deine Kommentarbedingung in "lte 6". Dann lässt sich testen, ob der IE7 noch irgendwo eine Sonderbehandlung braucht.
Mit Zitat antworten
  #9 (permalink)  
Alt 30.10.2006, 01:11
Benutzerbild von DieterWelzel
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 28.09.2006
Ort: Siegburg (bei Bonn)
Beiträge: 131
DieterWelzel befindet sich auf einem aufstrebenden Ast
Daumen hoch Re: CC

Hallo fricca,

herzlichen Dank. Deine Ausführungen helfen mir weiter.

Den ersten CC ohne Kommentierung werde ich entfernen und den zweiten auf die IE 5 bis 6 beschränken sowie die ie.css entsprechend entrümpeln.

Blöd ist nur, dass ich selbst nur den IE 6 testen kann. Sollte ich auf den IE 7 updaten, dann habe ich das Problem, dass ich nicht mehr für de IE 6 testen kann. Es soll zwar Tricks/Programme geben, mit denen man mehrere verschiedene IE auf dem Rechner installieren kann, aber ich bin da verunsichert. Schließlich ist der IE stark ins Betriebssystem Windows XP integriert und ich habe da die Sorge, dass ich mir dann eventuell Probleme einhandele (z.B. durch eine der nachfolgenden Sicherheitsupdates).

Tja, und beim Mac IE weiß ich auch nicht wie meine Seite aussieht, welche Designprobleme dort auftreten und vorallem wie ich diese beheben kann. Mist.

Lange Rede, kurzer Sinn: Hat jemand einen Tipp, wie man möglichst risikolos mehrere IE-Versionen auf seinem Windows XP-Rechner installieren und zum Testen von Seiten verwenden kann?

Nochmals herzlichen Dank an fricca für die Hilfestellung.

Gruß
Dieter
__________________
http://www.dieter-welzel.de
http://www.webseiten-infos.de
http://bluelight-rock.de
http://www.jurafernstudium.de
Dreamweaver CS5 | Windows 7 | IE 9, 8, 7, 6 | Firefox 6 | Opera 11.5 | Safari 5
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 30.10.2006, 15:26
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Mehrere IE-Versionen werden als Standalone-Versionen nebeneinander betrieben. Da wird nichts "installiert".
Taming Your Multiple IE Standalones

Ich habe festgestellt, dass ich im IE 7 die alte Version angeschaut hatte (index.html, nicht .htm) *grmpf*
Ich weiß daher nicht, wie deine vorherige CC-Konstellation ausgesehen hat. Jetzt scheint es zumindest benutzbar zu sein.

Der IE Mac hat Probleme mit den feststehenden Bereichen. Scrollen ist kaum möglich.

Grundsätzlich mag ich diese Frame-Nachbau-Layouts nicht besonders. Warum darf man bei dir nicht ganz normal scrollen?
Sehr unglücklich finde ich, dass du den Kopfbereich mit der Überschrift ganz ans Ende des Codes gestellt hast.
[das align-Attribut brauchst du nicht; dafür gibt es CSS!] Das entspricht nicht einer sinnvollen Dokumentstruktur.

Die Monster-Navigation mit JavaScript begeistert mich auch nicht. Ohne Script ist das sehr mühsam. Eine serverseitige Lösung, die nur die nötigen Menüpunkte ausliefert, fände ich sinnvoller.


Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Site -und Layoutcheck danysahne1983 Site- und Layoutcheck 14 20.05.2011 01:23
Site -und Layoutcheck für Jaeckle.de Christian-J Site- und Layoutcheck 7 08.02.2007 18:03
Eure konstruktive Kritik Leviathan Site- und Layoutcheck 27 21.12.2006 10:29
Kritik zu meiner site 2001amo Site- und Layoutcheck 4 21.11.2006 15:41
Site -und Layoutcheck claude Site- und Layoutcheck 7 05.07.2005 23:47


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:34 Uhr.