Hallo
Ich habe eine Seite über Hopfenprodukte erstellt, welche nun mehr oder weniger fertig sein sollte.
Darf ich - bevor die Seite definitiv online geht - um einen Site- und Layoutcheck bitten? Insbesondere wichtig wäre mir eine Überprüfung mit IE Windows und ein Augenmerk auf die Navigation.

Vielen Dank schon im voraus.

http://www.hopfentropfen.ch/neu/home.php

113 Fehler: http://validator.w3.org/check?verbos...ervationen.php

Aber rein vom Design und Code eigentlich recht ordentlich. Den CSS-Code für das "Designed & Programmed by :com" würde ich allerdings auch noch ins CSS nehmen.

__________________
“My software never has bugs. It just develops random features ...”

» DevShack - die Website des freien Webentwicklers Boris Bojic

Huch: 113 Fehler! Tja, das kommt davon, wenn man bloss die "home" Seite validiert. Vielen Dank für den Hinweis. Werde das natürlich gleich korrigieren.

Navigation OK?

Ja, die Navi skaliert auch schön mit bei +/- zwei Stufen.

__________________
“My software never has bugs. It just develops random features ...”

» DevShack - die Website des freien Webentwicklers Boris Bojic

Ich hab die Site mal mit IE5 und FF angeschaut und konnte eigentlich keine Fehler finden.

Was mir gestalterisch ehrlich gesagt nicht sehr gefällt, ist dein Umgang mit Schrift.
z.B. im Menü:
Bei den ausgewählten Menüpunkten ist die Schrift eine Idee größer als bei den normalen (12px statt 11px, wg. Vererbung aus ul). Das sieht nicht gut aus, finde ich.

z.B. bei "Unsere Produkte"
Mal spationiert, mal fett, mal falsche Kapitälchen, fett und normal, mal helleres, mal dunkleres Blau. Und die Mischung aus Tahoma und Myriad finde ich ganz ungut; dafür sind diese Schriften einfach zu ähnlich...
Da finde ich, wäre weniger mehr...

Grüße
fricca

edit:
Lustig finde ich den Begriff "Reservationen"; in Deutschland sagt man "Reservierungen". Reservation ist bei uns gleichbedeutend mit Reservat...
Und dann habe ich doch noch eine Fehldarstellung festgestellt. Es gibt ein Umlaut-Problem und wenn's Fenter zu schmal wird, passiert das da:

Angehängte Grafiken

hopfen_ie5.jpg (70,4 KB, 440x aufgerufen)

@fricca:
Vielen Dank für deine Ausführung. Warum im Menü die Schrift der aktiven Menüpunkte auf einmal 12px sein sollte, weiss ich nicht, da sämtliche Listeneinträge (also auch der aktive Eintrag) fürs Menü eine genaue Schriftgrösse bekommen hat (11px). Dies sollte doch berücksichtigwerden (#navbar ul li sollte doch das einfache ul zu Beginn überschreiben). Irre ich mich da irgendwie?
Und was meinst du mit "falschen Kapitälchen"?
Ausserdem kann es sein, dass eine schnelle Kombination von h2 und h3 nicht optimal aussieht (wie dies bei der Produkte-Seite der Fall ist). Ich überlege mir, ob ich das noch alles ändern soll, oder nicht.
Reservationen: Nun, die Schweiz hat ja bekanntlich oft einige "lustige" Begriffe. Bei uns sind Reservationen wirklich Reservierungen
Den abgebildeten Fehler scheint es im IE5 zu geben. Im Prinzip sollte der Content nicht nach links verschoben werden, sondern der linke Rand fest sein. Hat der IE5 wohl Mühe mit Prozentangaben? Habe da ein "margin-left" von 20%.

Nein, habe es bemerkt: Es scheint nicht ein Problem mit den prozent. margins zu sein, sondern, dass die Box durch den Titel ab einer gewissen Grösse nicht mehr verkleinert wird. Soll ich den Titel mit "overflow: hidden" bei solchen Extremsituationen beschneiden? Versteht der IE5 "overflow" eigentlich schon? Andere Lösung?

Es geht um #box. Und da vererbt sich's aus ul.

small-caps
Siehe z.B. hier; Google weiß da auch ganz viel dazu.

Was meinst du mit "schnell"?
Ich finde den Schrift-Mix auf deiner Seite einen groben typografischen Missgriff. Bleib doch komplett bei der Tahoma (zumal die Myriad nicht vorausgesetzt werden kann). Reihenfolge z.B. Tahoma, Verdana, Arial, sans-serif; für alles.

Die 20% sind eben zu wenig, wenn das Fenster schmal wird (auch im FF); nimm doch eine width in em.

was ist denn
??
was kann man denn damit anstellen? sieht irgendwie nicht kompatibel aus

Tja, die einzige Möglichkeit, dem IE ein max-width bei zu bringen. Mit anderen Worten: ein unschöner Hack