Hauptmenü positionieren

  • Für die Fertigstellung meiner Homepage fehlen mir nur noch ein paar Kleinigkeiten bei denen ich alleine leider nicht weiterkomme. Ich habe die Seite an einem 19 Zoll Bildschirm erstellt. Die Bildschirmauflösung ist 1280x1024 Pixel. Ich befürchte jetzt, dass das jemand der einen kleineren Bildschirm hat als ich, die Seite nicht optimal sehen wird. Ich habe Zetaproducer 9 und das Layout "Elegant". Wenn ich in der Webbrowseransicht bin und die Ansicht verkleinere dann rutschen die erste Zeile des Hauptmenüs und der Text, der ja auf gleicher Höhe ist wie das Hauptmenü,unter die Kopfzeile und wenn ich auch noch einen längeren Text habe, dann rutscht der über die Fußzeile hinaus. Das Problem mit der Fußzeile könnte ich lösen in dem ich auf jeden einzelnen Blatt was ich erstellt habe die Entertaste drücke, so lange bis alles bis zur kleinsten Ansicht noch über die Fußzeile passt... Dafür gibt es wohl bestimmt noch eine elegantere Lösung, aber das ist ja schon mal was :) Jetzt hätte ich jedoch noch das Problem das nach oben hin wie gesagt der Text und das Hauptmenü beim Verkleinern der Ansicht unter die Kopfzeile rutschen. Beim Text könnte ich ebenfalls die Entertaste wählen aber dann wäre dieser nicht mehr auf gleicher Höhe mit dem Hauptmenü. Und nun wäre meine Frage, ob es eine Möglichkeit gibt, das Hauptmenü weiter unten als an vorgegebener Stelle zu positionieren?


    Ich hoffe irgendjemand hat verstanden was ich will... :thumbup:


    LG

    Ramona

  • Hallo Ramona,

    dass Verkleinern des Browserfensters ist kein Test um festzustellen, ob die Seite bei kleinerer Auflösung noch richtig dargestellt wird. Ob dein Bildschirm 19" oder 26" hat sagt auch nichts aus.
    Am Besten du testet dies, indem du die Auflösung am PC änderst (bei Windows XP rechte Maus-Klick am Desktop -> Eigenschaften -> Einstellungen -> Bildschirmauflösung verringern).

    Die Layouts müssten sonst korrekterweise über das Cascading Sytle Sheet (CSS) angepasst werden. Die Lösung mit den Zeilenvorschüben ist keine elegante Lösung und ist z.B. auch bei Word verpönt.

    Am Besten du zeigst dein Problem anhand eines Screenshots oder der Adresse der Homepafe, damit man sich die Problematik genauer ansehen kann.

    Gruß Robert

  • Hallo Robert vielen Dank erstmal für deine Hilfe und entschuldige, dass ich heute erst antworte!

    Das mit der Enter-Taste habe ich schnell wieder rückgängig gemacht und die Seite gestern mit einer gerringeren Bildschirmauflösung angeschaut und teilweise dann auch angepasst. War ein sehr guter Ratschlag :) Ich werde gleich noch ein paar Korrekturen vornehmen und dann mal eine Testseite hochladen. Mir ist nämlich leider ein weiteres Problem aufgefallen, wo ich schon wieder nicht alleine weiterkomme :(

    Ich habe bei der Arbeit die ganze Zeit den Windowsbrowser benutzt und alles war schön, auch mit unterschiedlichen Auflösungen. Zu Hause habe ich mir die Seite dann mit Mozilla Firefox aufgerufen und als ich das gesehen habe, war ich schon wieder etwas deprimiert.

    Was mich genau gestört hat, werde ich im Laufe des Tages schreiben, zusammen mit der Testadresse..

    Ich wäre Dir sehr dankbar, wenn Du mir dann vielleicht nochmal weiterhelfen könntest.


    Lg

    Ramona

  • So, diverse Kleinigkeiten sind behoben, nun meine letzten Probleme:

    1. Mit dem Internet Explorer ist alles bestens zu sehen auch in verschiedenen Auflösungen. Mit Firefox ist das wiederum nicht der Fall. Die Farben im Hauptmenü gehen nicht bis zum untersten Rand, das ist abhängig davon, je nach dem wieviel Text ich geschrieben habe. Zudem sollte mein Logo oben eigentlich über den Webnamen stehen.

    2. Um nochmal auf das Verkleinern der Seite mit dem Scrollrad zurück zukommen: Ich würde es gut finden, dass wenn man mehrere Fenster auf den Bildschirm geöffnet hat, man sich die Ansicht etwas kleiner machen kann und trotzdem noch den ganzen Text lesen kann. (Aufgrund der Zielgruppe (Rentner) hab ich im Vorfeld eine große Schrift gewählt, die nicht unbedingt sein müsste..) Wenn ich die Ansicht aber im Moment verkleiner, dann rutscht das Hauptmenü unter die Kopfzeile so dass ich meine Startseite schon gar nicht mehr im Hauptmenü anklicken kann. Ich hätte gerne das alles zusammen kleiner wird ohne sich zu verschieben.


    Hier der Link: http://www.st-josef-stade.de/Testseite/index.html

    Ich hoffe, Du kannst mit irgendwie weiterhelfen. Das wäre super! Dann könnte ich die Seite auch endlich mal veröffentlichen.


    Vielen Dank!

    Ramona

  • Hallo Ramona,

    a) das Vergrößern der Seite mittels Scrollrad ist der falsche Weg, du musst deinen User auf der Seite erklären, dass Sie beim

    * Internet-Explorer nur die Schrift mittels dem Menüpunkt (in IE8 ) Seite -> Textgröße -> .... vergrößern können.
    * analog beim Firefox muss die Option "Ansicht -> Zoom -> Nur Text zoomen" aktiviert sein (dann lässt sicht mit Strg und Mausrad nur die Schrift vergrößern)


    b) Dass sich das das Logo verschiebt dürfte mit der Größe und den Einstellungen beim Logobild zusammenhängen, lade das beigefügte Logo herunter und stelle auf 380x85 beim Layout ein. Das Logo musste ich auf .txt umbenennen, da das Forum sonst eine Diashow erstellt und die Datei nicht herunterladbar gewesen wäre. Nach dem Download musst du sie auf .jpg umbenennen und in ZP importieren.

    c) damit alles in der gleichen Farbe wie beim Artikel ist, muss du beim Layout unter Allgemein -> Hintergrund die gleiche Farbe verwenden wie bei den Artikeln


    Wie es dann aussieht bei Firefox sieht du unter Beispiel.

    Gruß Robert

  • Hi Robert,


    tausend Dank für deine Hilfe, hab jetzt alles so eingestellt wie Du es gesagt hast und das sieht schonmal deutlich besser aus, als zuvor. :thumbup:

    zum Thema a) haben wir glaube ich, etwas an einander vorbeigeredet - wollte die Schrift nicht größer sondern die komplette Ansicht der Seite kleiner (z.b. nur 75 %) sodass wenn man mehrere(!) Fenster auf dem Bildschirm geöffnet hat und alle gleichzeitig sehen will oder man z.B. Texte vergleichen will, etc., trotzdem noch der komplette Text auf einen Blick zu lesen ist. Wenn ich ein Fenster verkleinere, verkleinert sich ja die Schrift nicht mit, sondern der Ausschnitt bleibt gleich, man kann halt nur weniger lesen...deswegen finde ich die Möglichkeit gut eine kleinere Ansicht zu wählen. Hat sich jetzt aber erledigt, habe das heute nochmal mit dem firefox ausprobiert und festgestellt, dass es am Browser lag. Bei Internet Explorer lappt mein Text bei einer kleineren Ansicht auf Seiten wo ich viel geschrieben habe über Kopf und Fußzeile - auf der Startseite ist das ganz gut zu erkennen was ich meine, auch an den Fotos. Beim Firefox ist das nicht der Fall, da ist der Text bei kleinerer Ansicht trotzdem zwischen Kopf- und Fußzeile. Naja, ist ja jetzt auch wurscht :wacko: Falls ich dennoch falsch liege, kannst Du mich ja gerne korrigieren.


    Also vielen vielen Dank nochmal für deine schnelle Hilfe!


    LG

    Ramona

  • Hallo Ramona,

    dein Wunsch ließe sich erfüllen, aber dies bedarf einiger Eingriffe in das Layout. Man müsste im CSS die Breiten prozentuell definieren und nicht absolut. Weiters müsste man mehrere CSS mit diversen Schriftgrößen - je nach Browsergröße - anlegen.
    Über ein Javascript würde dann in jeder Seite, je nach Browsergröße, auf das entsprechende CSS zurückgegriffen. Das Script müsste in das Template (default.html) integriert werden.
    Ein manuelles Zoomen ist z.B. beim Internet-Explorer über Seite -> Zoom möglich. jedoch wird die Schrift kleiner. Dein Problem (beim vergleichen) wird aber von Tag zu Tag weniger, da die meisten neuen Monitore nicht mehr 4:3, sondern 16:10 oder 16:9 sind.

    Den beschriebenen Unterschied von Firefox (beim mir Beta 4.0) und Internet Explorer (bei mir 8.0) kann ich nicht nachvollziehen. Beide Seiten sehen ident aus beim Verkleinern des Browserfensters. Bitte beachte, dass der Internet Explorer 6.0 nicht aktuell ist und auch von Microsoft nicht mehr unterstützt wird.

    Gruß Robert

  • Das ist ja'n Ding! Das lag tatsächlich nur an IE7 den ich bislang hatte. Hab mir jetzt auch noch Chrome und Opera installiert und alles sieht toll aus und nun bin ich wunschlos glücklich! Juchuuu ^^

    Also vielen Dank nochmal. Du warst mir eine große Hilfe.

    Jetzt muss ich nur noch ein paar inhaltliche Sachen bearbeiten und dann kann ich die Seite endlich veröffentlichen :thumbup:

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!