tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
4
ZUGRIFFE
382
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    Trikatz Trikatz ist offline Mitglied
    Registriert seit
    Oct 2004
    Beiträge
    11
    Hallo,
    ich habe eine Website mit HTML und CSS erstellt. Diese soll zentriert angezeigt werden und eine bestimmte Breite haben (980px). Die Navigation verläuft horizontal oben. Wenn man die Schriftgröße unter Ansicht im Browser vergrößert, bricht die Navigation um, d.h. die letzten Rubrikeinträge werden in eine 2. Reihe geschoben. Außerdem rutschen Inhalt von linker und mittlerer Spalte zusammen. Gibt es eine Möglichkeit, das zu verhindern?

    Gruß Jani
     

  2. #2
    Avatar von Zack
    Zack Zack ist offline cookies vader
    Registriert seit
    Oct 2007
    Ort
    hier und dort
    Beiträge
    258
    Ja gibts es, die Eigenschaft heißt text-overflow.
    Das Problem ist: es handelt sich um CSS3, wird also nicht von allen Browsern unterstüzt.
    http://www.css3.info/preview/text-overflow/

    mfg
     
    Und was lernen wir darauf? Es niemals versuchen! (Homer Jay Simpson)
    127.0.0.1 Home! Sweet Home!

    Ich würde mich über eine Bewertung meiner Beiträge freuen!

  3. #3
    Trikatz Trikatz ist offline Mitglied
    Registriert seit
    Oct 2004
    Beiträge
    11
    Hm, das ist ja auch nicht befriedigend. Und was macht man dann normalerweise? Optimiert man die Seite nur für 1024 und normale Textgröße und wer den Text im Browser größer sehen will, muss mit einer merkwürdigen Ansicht leben? Oder erstellt man verschiedene Versionen für verschiedene Textgrößen? Aber das wäre ja auch ganz schöner Aufwand (kann man die benutzte Textgröße überhaupt abfragen und per Browserweiche festlegen?). Oder nimmt man dann lieber ein CMS? Kann ein CMS das Layout an verschiedene Textgrößen anpassen?
     

  4. #4
    Avatar von Zack
    Zack Zack ist offline cookies vader
    Registriert seit
    Oct 2007
    Ort
    hier und dort
    Beiträge
    258
    Es gibt da verschiedene Ansätze, ich wähle immer diesen (meiner Erfahrung der beste):

    Optimiert für alle gängigen Browser in aktueller Version
    1000px Breite(dann hat der Scrollbalken noch Platz) und normale Schirftgröße laut Browser
    Eine Version für Smartphones ist immer gern gesehen, wobei das extra arbeit ist und in der Regel dann auch extra kostet

    Eine andere Möglichkeit wäre mit 100% Breite zu arbeiten. Also immer auf die ganze Browserbreite skallieren und ein Minimum vergeben.

    Eine kleine Empfehlung noch:
    Reset CSS verweden http://developer.yahoo.com/yui/reset/ das sorgt dafür das alle Abstände etc. auch auf jeden Browser gleich sind. Aber vor allem valide coden!

    Zu der CMS Frage: es ist mir nicht bekannt das es sowas gibt, ausgeschlossen ist es aber nicht.
    Geändert von Zack (02.05.11 um 19:33 Uhr)
     
    Und was lernen wir darauf? Es niemals versuchen! (Homer Jay Simpson)
    127.0.0.1 Home! Sweet Home!

    Ich würde mich über eine Bewertung meiner Beiträge freuen!

  5. #5
    Trikatz Trikatz ist offline Mitglied
    Registriert seit
    Oct 2004
    Beiträge
    11
    Vielen Dank für die Empfehlungen. Ich werde alles in Ruhe ausprobieren. Du hast mir schon sehr geholfen.

    Viele Grüße Jani
     

Ähnliche Themen

  1. Antworten: 0
    Letzter Beitrag: 11.01.11, 21:40
  2. Schriftvergrößerung per Javascript
    Von Flextone im Forum Javascript & Ajax
    Antworten: 5
    Letzter Beitrag: 11.10.07, 12:19
  3. Antworten: 4
    Letzter Beitrag: 22.03.06, 20:50
  4. Antworten: 4
    Letzter Beitrag: 27.07.05, 13:05
  5. Antworten: 6
    Letzter Beitrag: 13.06.02, 12:29