Fabian Steiner: Zentrieren eines Bildes + Bewertung

Hallo!

Ich "redesigne" für meinen Vater gerade unsere Firmenpage. Dabei haben sich jetzt mehrere Punkte ergeben, bei denen ich Probleme, sie zu bewältigen. Seite (nocht nicht fertig, die Inhalte zu den einzelnen Geräte fehlen noch!): http://fabi0312.s4.cybton.com

Fragen/Probleme:

1.) Könnt ihr mal die Page bewerten, also wie ihr sie vom Layout her findet?

2.) Wir ihr sehen könnt, gibt es auf jeder Seite eine div mit id="content". Bei diesem will ich erreichen, dass dieser graue Rahmen unabhängig von der Auflösung des Client-Rechners immmer bis unten bzw. 10px bis zum unteren Bildschirmrand geht. Wenn ich im Stylesheet height:100% setzte, ändert sich nichts!

3.)In der linken oberen Ecke befindet sich das Firmenlogo.  Nun soll der nebenstehende Text in der Mitte des Bildes sein. vertical-align:middle ändert nichts.

4.)Bei google gibt es doch die Möglichkeit mittels <suchbegriff> site:<url der seite> die Homepage durchsuchen zu lassen. Muss die Homepage dafür erst von google indiziert werden? Wie kann ich diese Funktion nun in mein searchfeld oben rechts einbinden? Des Weiteren soll die Treffer-Seite meinem Layout anpassbar sein.(css.fractatulum.net macht das genauso, aber ich komm nicht dahinter, wie die das machen!)

Ich freue mich um jede Art von kunstruktiver Kritik, die mir helfen könnte, das Design der Seite zu verbessern. Sollten diese Punkte erfüllt sein, so wird die Seite natürlich noch validiert.

Mit freundlichen Grüßen,

Fabian Steiner

  1. Hallo!

    Fragen/Probleme:

    4.)Bei google gibt es doch die Möglichkeit mittels <suchbegriff> site:<url der seite> die Homepage durchsuchen zu lassen. Muss die Homepage dafür erst von google indiziert werden? Wie kann ich diese Funktion nun in mein searchfeld oben rechts einbinden? Des Weiteren soll die Treffer-Seite meinem Layout anpassbar sein.(css.fractatulum.net macht das genauso, aber ich komm nicht dahinter, wie die das machen!)

    Ich freue mich um jede Art von kunstruktiver Kritik, die mir helfen könnte, das Design der Seite zu verbessern. Sollten diese Punkte erfüllt sein, so wird die Seite natürlich noch validiert.

    Hallo Fabian,

    zu 4. Schau mal bei Selfhtml unter dem Stichwort META Angaben nach,
    dort steht was zu Robots ( auch dem von Google ).

    Gruß Marc Schumann

    1. Hallo Fabian,

      zu 4. Schau mal bei Selfhtml unter dem Stichwort META Angaben nach,
      dort steht was zu Robots ( auch dem von Google ).

      Gruß Marc Schumann

      Ok, mach ich!

      Vielen Dank

    2. Hallo Marc,

      zu 4. Schau mal bei Selfhtml unter dem Stichwort META Angaben nach,
      dort steht was zu Robots ( auch dem von Google ).

      inwieweit hilft dieser Hinweis Fabian weiter? Gerade Google beachtet
      Meta-Angaben kaum bzw. überhaupt nicht. Da kann man nochsoviele in
      die Seiten einfügen, wird sich nix daran ändern, ob die Seite von
      Google indiziert wird oder eben nicht.

      Viele Grüße,
      Stefan

      1. Hallo Marc,

        zu 4. Schau mal bei Selfhtml unter dem Stichwort META Angaben nach,
        dort steht was zu Robots ( auch dem von Google ).

        inwieweit hilft dieser Hinweis Fabian weiter? Gerade Google beachtet
        Meta-Angaben kaum bzw. überhaupt nicht. Da kann man nochsoviele in
        die Seiten einfügen, wird sich nix daran ändern, ob die Seite von
        Google indiziert wird oder eben nicht.

        Viele Grüße,
        Stefan

        Das hab' ich auch gerade bemerkt ;-)

        Ich dachte, es gäbe hier auf selfhtml eine Tuturial.

        Kann mir sonst keiner bei den anderen Problemen helfen? eventuell auch Bewertung der Page?

        1. Hallo,

          Kann mir sonst keiner bei den anderen Problemen helfen? eventuell auch Bewertung der Page?

          jetzt bitte nicht böse sein...
          Die Seite macht auf mich ein langweiligen Eindruck; ich denke dass es an den Farben liegt, sollen die Fraben CI/CD-gereht sein?

          1. Hallo,

            Kann mir sonst keiner bei den anderen Problemen helfen? eventuell auch Bewertung der Page?

            jetzt bitte nicht böse sein...
            Die Seite macht auf mich ein langweiligen Eindruck; ich denke dass es an den Farben liegt, sollen die Fraben CI/CD-gereht sein?

            Nö, ich bin dir nicht böse :-) Drum frag ich ja ;-)

            Was meinst du mit CI/CD gereht?

  2. Hallo Fabian,

    4.)Bei google gibt es doch die Möglichkeit mittels <suchbegriff> site:<url der seite> die Homepage durchsuchen zu lassen. Muss die Homepage dafür erst von google indiziert werden? Wie kann ich diese Funktion nun in mein searchfeld oben rechts einbinden? Des Weiteren soll die Treffer-Seite meinem Layout anpassbar sein.(css.fractatulum.net macht das genauso, aber ich komm nicht dahinter, wie die das machen!)

    der relevante Quelltext von css.fractatulum.net:
    <form method="get" action="http://www.google.com/custom">
    <fieldset class="google">
    <legend><a href="http://www.google.com"><img src="img/google.gif" width="75" height="32" alt="Google" /></a></legend>

    <p><input class="input" type="text" name="q" size="31" maxlength="255" value="Suchtext"  onfocus="this.value='';" /><br />
    <input class="button" style="cursor:pointer;" type="submit" name="sa" value="Suchen" />
    <input type="hidden" name="cof" value="S:http://css.fractatulum.net;GL:0;VLC:#bea46d;AH:center;BGC:#e7e2d3;;LC:maroon;L:http://css.fractatulum.net/img/logo.gif;ALC:#bea46d;T:#000000;AWFID:8b44e846e57b3efe;" />
    <input type="hidden" name="domains" value="css.fractatulum.net" />
    <input type="hidden" name="sitesearch" value="css.fractatulum.net" /></p>

    </fieldset>
    </form>

    der relevante Quelltext von www.w3.org:
    <form method="get" action="http://www.google.com/custom">
    <div><a class="navlink" href="http://www.google.com"><img
    src="/Icons/Logo_25wht.gif" width="75" height="32"
    alt="Google" /></a><br />
     <label for="inputField">Search W3C<br />

    <input type="text" size="15" id="inputField" name="q" accesskey="E"
    maxlength="255" /></label> <input type="submit" value="Go"
    id="goButton" name="sa" accesskey="G" /><br />
     <input type="hidden" name="cof"
    value="T:black;LW:72;ALC:#ff3300;L:http://www.w3.org/Icons/w3c_home;LC:#000099;LH:48;BGC:white;AH:left;VLC:#660066;GL:0;AWFID:0b9847e42caf283e;" />
    <input type="hidden" id="searchW3C" name="sitesearch" checked="checked"
    value="www.w3.org" /><input type="hidden" name="domains"
    value="www.w3.org" /></div>
    </form>

    Diese beiden Beispiele dürften Dir helfen, um zu verstehen wie es
    in etwa funktioniert und was Du durch eine Anmeldung bei Google
    für diesen (kostenlosen) Service geboten bekommst:
    http://www.google.com/services/free.html

    Viele Grüße,
    Stefan

  3. 1.) Könnt ihr mal die Page bewerten, also wie ihr sie vom Layout her findet?

    Übersichtlich grau in grau. Nicht schlecht, aber auch nichts besonderes, nichts, was das Auge erfreut.

    Die Anzeige des Datums solltest Du weglassen, die Kundschaft Deines Vaters wird geistig sicher noch so weit auf der Höhe sein, dem Ablauf von Tag und Nacht zu folgen oder bei Bedarf einen eigenen Kalender zur Hand haben.
    Interessanter wäre da schon eher das letzte Änderungsdatum der jeweiligen Seite. Wer sich über aktuelle Produkte informieren möchten, will keinen Papierkatalog von 1987 lesen, nicht viel anders ist es bei Webseiten. Das Datum alleine reicht übrigens, auf die Minute genau muß es dann auch nicht sein.

    2.) Wir ihr sehen könnt, gibt es auf jeder Seite eine div mit id="content". Bei diesem will ich erreichen, dass dieser graue Rahmen unabhängig von der Auflösung des Client-Rechners immmer bis unten bzw. 10px bis zum unteren Bildschirmrand geht. Wenn ich im Stylesheet height:100% setzte, ändert sich nichts!

    Der untere Rand der Anzeigefläche hat keinerlei Bedeutung, die Prozentangaben bei height beziehen sich immer auf die Höhe des Elternelements. Das Elternelement, das Du hier im Auge hast, ist <body>, also die Seite selbst, und eine Webseite ist immer nur so hoch, wie sie an Platz bedarf.
    Daß dies anders funktioniert als mit dem rechten Rand liegt daran, daß der Lesefortschritt immer von oben nach unten geht, neuer Inhalt also endlos unten angefügt wird, nicht endlos rechts.

    3.)In der linken oberen Ecke befindet sich das Firmenlogo.  Nun soll der nebenstehende Text in der Mitte des Bildes sein. vertical-align:middle ändert nichts.

    Das liegt daran, daß Du nicht das Bild, sondern den Absatz selbst zentriert hast.

    4.)Bei google gibt es doch die Möglichkeit mittels <suchbegriff> site:<url der seite> die Homepage durchsuchen zu lassen. Muss die Homepage dafür erst von google indiziert werden?

    Ja, die Funktion heißt nicht "Homepage durchsuchen lassen", sondern "Suchergebnisse auf Domain beschränken".

    Wie kann ich diese Funktion nun in mein searchfeld oben rechts einbinden?

    Apropos "searchfeld": Nimm das "Search!" da weg, Du arbeitest nicht an irgendeiner Kiddie-Seite. "Suchen" funktioniert nach wie vor ganz hervorragend, insbesondere im seriösen Geschäftsumfeld.

    Des Weiteren soll die Treffer-Seite meinem Layout anpassbar sein.(css.fractatulum.net macht das genauso, aber ich komm nicht dahinter, wie die das machen!)

    Vielleicht solltest Du deren Funktion einfach mal ausprobieren, es steht vieles in der Adressleiste, zugegebenermaßen etwas verklausuliert, aber das lässt sich ja mit etwas Javascript (javascript:alert(unescape("text"));) lösen:

    http://www.google.com/custom?q=Suchtext&sa=Suchen&cof=S%3Ahttp%3A%2F%2Fcss.fractatulum.net%3BGL%3A0%3BVLC%3A%23bea46d%3BAH%3Acenter%3BBGC%3A%23e7e2d3%3B%3BLC%3Amaroon%3BL%3Ahttp%3A%2F%2Fcss.fractatulum.net%2Fimg%2Flogo.gif%3BALC%3A%23bea46d%3BT%3A%23000000%3BAWFID%3A8b44e846e57b3efe%3B&domains=css.fractatulum.net&sitesearch=css.fractatulum.net
    http://www.google.com/custom?q=Suchtext&sa=Suchen&cof=S:http://css.fractatulum.net;GL:0;VLC:#bea46d;AH:center;BGC:#e7e2d3;;LC:maroon;L:http://css.fractatulum.net/img/logo.gif;ALC:#bea46d;T:#000000;AWFID:8b44e846e57b3efe;&domains=css.fractatulum.net&sitesearch=css.fractatulum.net

    "/custom" also. Dann fragen wir Google nach "custom search site:www.google.com": http://www.google.de/search?q=custom+search++site%3Awww.google.com.

    Ich freue mich um jede Art von kunstruktiver Kritik,

    Kunststruktive Kritik kann ich nicht liefern, da ich mit Kunst nicht viel am Hut habe, aber ich hoffe, sie war wenigstens etwas konstruktiv.

    1. Als erstes: @ Ich: Vielen Dank für deine überaus _KONSTRUKTIVE_ Kritik :-)

      1.) Könnt ihr mal die Page bewerten, also wie ihr sie vom Layout her findet?

      Übersichtlich grau in grau. Nicht schlecht, aber auch nichts besonderes, nichts, was das Auge erfreut.

      Genauso sehe auch ich die Page, aber ich weiß nicht, was ich noch als Blickfang machen könnte?! Vll eine kleine Flash-Animation?

      Der untere Rand der Anzeigefläche hat keinerlei Bedeutung, die Prozentangaben bei height beziehen sich immer auf die Höhe des Elternelements. Das Elternelement, das Du hier im Auge hast, ist <body>, also die Seite selbst, und eine Webseite ist immer nur so hoch, wie sie an Platz bedarf.
      Daß dies anders funktioniert als mit dem rechten Rand liegt daran, daß der Lesefortschritt immer von oben nach unten geht, neuer Inhalt also endlos unten angefügt wird, nicht endlos rechts.

      Also gibt es keine Möglichkeit, den Rand bis nach unten zu haben, oder?

      3.)In der linken oberen Ecke befindet sich das Firmenlogo.  Nun soll der nebenstehende Text in der Mitte des Bildes sein. vertical-align:middle ändert nichts.

      Das liegt daran, daß Du nicht das Bild, sondern den Absatz selbst zentriert hast.

      Ok, ich werd' mal probieren das umzusetzen.

      Des Weiteren soll die Treffer-Seite meinem Layout anpassbar sein.(css.fractatulum.net macht das genauso, aber ich komm nicht dahinter, wie die das machen!)

      Vielleicht solltest Du deren Funktion einfach mal ausprobieren, es steht vieles in der Adressleiste, zugegebenermaßen etwas verklausuliert, aber das lässt sich ja mit etwas Javascript (javascript:alert(unescape("text"));) lösen:

      http://www.google.com/custom?q=Suchtext&sa=Suchen&cof=S%3Ahttp%3A%2F%2Fcss.fractatulum.net%3BGL%3A0%3BVLC%3A%23bea46d%3BAH%3Acenter%3BBGC%3A%23e7e2d3%3B%3BLC%3Amaroon%3BL%3Ahttp%3A%2F%2Fcss.fractatulum.net%2Fimg%2Flogo.gif%3BALC%3A%23bea46d%3BT%3A%23000000%3BAWFID%3A8b44e846e57b3efe%3B&domains=css.fractatulum.net&sitesearch=css.fractatulum.net
      http://www.google.com/custom?q=Suchtext&sa=Suchen&cof=S:http://css.fractatulum.net;GL:0;VLC:#bea46d;AH:center;BGC:#e7e2d3;;LC:maroon;L:http://css.fractatulum.net/img/logo.gif;ALC:#bea46d;T:#000000;AWFID:8b44e846e57b3efe;&domains=css.fractatulum.net&sitesearch=css.fractatulum.net

      "/custom" also. Dann fragen wir Google nach "custom search site:www.google.com": http://www.google.de/search?q=custom+search++site%3Awww.google.com.

      »

      Werd' mich jetzt dann mal über diese Features von Google informieren!!

      Jede weitere Krtik ist willkommen!

      1. Hallo Fabian

        Genauso sehe auch ich die Page, aber ich weiß nicht, was ich noch als Blickfang machen könnte?! Vll eine kleine Flash-Animation?

        Bitte _das_ nicht! Auch bitte keine Ticker oder Wackelbilder.

        Also gibt es keine Möglichkeit, den Rand bis nach unten zu haben, oder?

        Theoretisch doch, praktisch imho kaum.
        Du müsstest für html und body height:100% angeben. Dabei gibt es dann aber weitere Probleme. Die 100% bei content beziehen sich dann auf den body und nicht nur auf den restlichen Platz, so dass du dann Fensterhöhe + Höhe von header + margins erhältst. Außerdem erscheint der untere Border im Mozilla dann auf die Höhe des Browserfenster bezogen.

        MFG
        Detlef

        --
        - Wissen ist gut
        - Können ist besser
        - aber das Beste und Interessanteste ist der Weg dahin!
        1. Hallo Fabian

          Genauso sehe auch ich die Page, aber ich weiß nicht, was ich noch als Blickfang machen könnte?! Vll eine kleine Flash-Animation?

          Bitte _das_ nicht! Auch bitte keine Ticker oder Wackelbilder.

          :-)
          Ich weiß, dass es darüber sehr geteilte Meinungen gibt. Aber man muss seine Besucher auf irgendeine Art und Weise "beeindrucken" - aber vll fällt mir noch eine Alternative ein!

          Grüße,

          euer Fabian

          1. Übersichtlich grau in grau. Nicht schlecht, aber auch nichts besonderes, nichts, was das Auge erfreut.

            Genauso sehe auch ich die Page, aber ich weiß nicht, was ich noch als Blickfang machen könnte?! Vll eine kleine Flash-Animation?

            Bitte _das_ nicht! Auch bitte keine Ticker oder Wackelbilder.

            :-)
            Ich weiß, dass es darüber sehr geteilte Meinungen gibt. Aber man muss seine Besucher auf irgendeine Art und Weise "beeindrucken"

            Es ist ein Irrglaube, die Besucher in dieser Art beeindrucken zu müssen, denn nur in den seltensten Fällen ruft jemand Webseiten auf, um sich irgendwelche Flash-Spielereien anzuschauen. Ein Design muß den Inhalt unterstützen, es darf ihn nicht zur Nebensächlichkeit degradieren. Anders ausgedrückt: Ich spreche hier von "ansehnlich", nicht von "beeindruckend".
            In diesem Fall kommt noch hinzu, daß es sich um ein recht sachliches Thema handelt, Dein Vater verkauft feinste Elektrotechnik an die Industrie. Hüte Dich, die Webseiten wie eine Spielwiese oder das FliWaTüt zu gestalten.

            Was genau nun jemand ansehnlich findet, ist freilich Geschmackssache. Ich denke aber, daß es grundsätzlich nicht verkehrt ist, a) auf zu viele einheitliche Farbflächen zu verzichten und b) einige Elemente ineinander übergehen zu lassen, sie optisch miteinander zu verbinden. Beides hängt mit Hauptmerkmalen des Bauklötzchenstils zusammen, bei dem einfach nur große, rechteckige Flächen auf den Bildschirm geklatscht werden.

            Was tun? Daß es Dir wohl selbst nicht so richtig gefällt, ist ein erster Ansatz :-) Dein Vater hat wahrscheinlich Prospektmaterial, das von einer Agentur erstellt wurde, dort bekommst Du möglicherweise auflockernde Anregungen, noch über die reine Farbgebung hinaus.

            Als aus dem Ärmel geschütteltem Vorschlag: Du könntest versuchen, das RS-Logo (den Kreis) größer zu gestalten und ihn so über den blauen Titelbalken herausragen lassen. Er könnte selbst als Verbindungselement zwischen Titelbalken oben und Menü links dienen oder diese Verbindung verdecken (als schwebende Scheibe, eine Andeutung von Schatten rechts/unten). Vielleicht kann man die Oszilloskoplinie außerhalb des Kreises aufgreifen und als Trennlinie zwischen dem blauen und dem hellgrauen Balken weiterführen (das meinte ich mit b) oben).
            Der hellgraue Balken eignet sich übrigens als Navigationsleiste, d.h. dort wird die aktuelle Position innerhalb des Katalogs angezeigt ("Startseite -> Softstarter -> Fluxkompensierte Regelungen").

            Du verwendest drei bis fünf verschiedene Schriftfarben bzw. Schrift-/Hintergrundkombinationen, das ist zu viel. Insbesondere die Farbkombination dunkelblau auf grau im Menü ist wegen des mäßigen Kontrasts alles andere als glücklich gewählt. Der blaue Schriftzug auf weißem Grund sollte ebenfalls in schwarz geändert werden. Erstens macht sich so ein Farbwechsel im Text nicht gut und zweitens sollte bei allem, was irgendwie mit Fließtext zu tun hat, die Sonderfarbe Blau Verweisen vorbehalten bleiben. Versuche diesen Titel anders hervorzuheben (wenn überhaupt).

            Zu der Farbe grau ist generell zu sagen, daß sie unangenehm schnell von edel zu schmutzig wechselt. Dementsprechend sollte der Einsatz von grau mit Bedacht angegangen werden. Weniger ist mehr, mit den Extremen sehr dunkles und sehr helles Grau fährt man besser als mit den Mittelwerten.

            Listen, wie auf der Startseite, sollten besser linksbündig, zumindest aber in einer Art Pseudoblocksatz gesetzt werden, damit das Auge dem Text besser folgen kann. Im Moment muß man bei jeder neuen Zeile den Anfang suchen. Möchtest Du keine linksbündige Ausrichtung, sortiere wenigstens die Zeilen nach Länge bzw. passe die Längen textlich so an, daß sich eine halbwegs gerade (nicht unbedingt exakt vertikale) Außengrenze ergibt.

            Nähere Dich mit feinen Elementen nicht zu sehr dem Fensterrand, sowas wirkt gedrängelt. Ein klein wenig Abstand von Text und Linien sorgt für Auflockerung (man kann's natürlich auch in die andere Richtung übertreiben...).

            Die Platine im Hintergrund der Startseite ist ein interessanter Ansatz, aber möglicherweise dort fehl am Platz, weil sie (durch die graue Farbe) dem (schwarzen) Text den Kontrast nimmt (anscheinend hast Du dort auch schon nachgebessert). Du kannst die Grafik vielleicht im Menü oder der momentan noch etwas toten Titelleiste wiederverwerten.

            Ob die Aufteilung des Menüs gut gewählt ist, muß sich noch zeigen. Zur Zeit habe ich den Eindruck, als wenn zumindest der Webshop verschwinden könnte und die Funktion stattdessen auf den Produktseiten (Softstarter, Thyristorsteller, Bremsgeräte) implementiert wird, für diverse Teile weitere Produktseiten. Die Beschreibung auf Seite X zu haben und die Bestellmöglichkeit auf Seite Y ist jedenfalls etwas umständlich.
            Die letzten vier Punkte könnte man irgendwie unter eine Kategorie "RS Elektronik" oder "Über uns" fassen, anstatt jeden für sich alleine anzuzeigen, und so noch einen Tick mehr Ordnung schaffen. Gleiches gilt für die eben genannten drei Produktgruppen.

            1. @ Das Kritikum:

              Vielen Dank für diese überaus hilfreiche Kritik, um die Page zu verbessern. Mittlerweile habe ich bereits sehr viele bisherige Ratschläge in die Tat umgesetzt und versuche natürlich auch deine Kritik-Punkte umzusetzen. Insbesondere das mit dem RS-Logo scheint ein sehr interessanter Ansatz zu sein...

              Grüße,

              Fabian

  4. Hallo Fabian

    Ich freue mich um jede Art von kunstruktiver Kritik, die mir helfen könnte, das Design der Seite zu verbessern. Sollten diese Punkte erfüllt sein, so wird die Seite natürlich noch validiert.

    Mir gefällt die Seite recht gut, einfach, übersichtlich, ohne viel Schnickschnack, genau das, was ich von einer seriösen Firma erwarte.

    Und nun die Kritik:

    Du hast die Größen der Elemente in em angegeben aber die Schriftgößen in pt. Pt ist eine Einheit für Drucker, nicht für Bildschirme. Du solltest bei allen Größenangaben genau überlegen, wovon diese abhängig sein sollen, von der Schriftgröße - em, von der Größe des übergeordneten Elementes - %, feste  Größe - px.
    Im Moment ist es so, dass eine Schriftvergrößerung beim IE, die Elemente vergrößert, die Schrift aber nicht.

    Die Leistungen auf der Startseite könnten auch mit den entsprechenden Seiten verlinkt sein. Wenn ich dies lese, muss ich erst in der Navigation die richtige Seite suchen, schöner wäre es, wenn ich auch gleich dort drauf klicken könnte.

    Du solltest den Navigationsbutton der aktuellen Seite markieren, z.B. indem du diesem kein <a... sondern ein <span> verpasst, dass du identisch mit dem gehooverten <a formatierst.

    MFG
    Detlef

    --
    - Wissen ist gut
    - Können ist besser
    - aber das Beste und Interessanteste ist der Weg dahin!
    1. Hallo Fabian

      Ich freue mich um jede Art von kunstruktiver Kritik, die mir helfen könnte, das Design der Seite zu verbessern. Sollten diese Punkte erfüllt sein, so wird die Seite natürlich noch validiert.

      Mir gefällt die Seite recht gut, einfach, übersichtlich, ohne viel Schnickschnack, genau das, was ich von einer seriösen Firma erwarte.

      Danke!

      Und nun die Kritik:

      Du hast die Größen der Elemente in em angegeben aber die Schriftgößen in pt. Pt ist eine Einheit für Drucker, nicht für Bildschirme. Du solltest bei allen Größenangaben genau überlegen, wovon diese abhängig sein sollen, von der Schriftgröße - em, von der Größe des übergeordneten Elementes - %, feste  Größe - px.
      Im Moment ist es so, dass eine Schriftvergrößerung beim IE, die Elemente vergrößert, die Schrift aber nicht.

      OK, das habe ich noch nicht bedacht. Das muss ich mir noch einmal anschauen. Danke, dass du mich darauf aufmerksam gemachst hast.

      Die Leistungen auf der Startseite könnten auch mit den entsprechenden Seiten verlinkt sein. Wenn ich dies lese, muss ich erst in der Navigation die richtige Seite suchen, schöner wäre es, wenn ich auch gleich dort drauf klicken könnte.

      Gute Idee, mach ich!

      Du solltest den Navigationsbutton der aktuellen Seite markieren, z.B. indem du diesem kein <a... sondern ein <span> verpasst, dass du identisch mit dem gehooverten <a formatierst.

      Bin grad dabei ;-)