[everniZe]

Hallo zusammen,

ein Kunde von mir möchte gerne auf seiner Internetseite dynamische Schriftgrößen.
Er meint wenn er auf meine Seite geht (welche ich leider nicht posten darf..)
und der Kunde hat nen 26' Monitor dann sind ihm die Schriften viel zu klein.

Und auf der Mercedes Seite z.B.
http://www.mercedes-benz.de/

Würden Sie automatisch höher eingestellt.

--------

Meine Frage:
Wie mache ich das die Schriften je nach Monitor dynamisch sind?
Habe bis jetzt alle Schriften in PX angegeben.
Also:

font-size:12px;

muss ich die Schriften einfach in % oder so angeben?
in pt?

Verstehe das nicht hatte das Problem noch nie.
Und bei Mercedes finde ich gerade auch nur PX angaben...


Bitte um Hilfe...

[everniZe]

zusatz:
Ich finde keinen Fehler.
Bei Mercedes passt sich auch nichts iwie an oO

Hat der Kunde vllt iwie nen Denkfehler oder so?

Habs jetzt extra an nem 24' mit höchster auflösung ausprobiert.

Bei beiden gleich.

[Chieftrain]

Mit Prozenten kannst du das Problem nicht lösen. Sofern du das mit CSS lösen willst, solltest du dir mal http://www.w3.org/TR/css3-mediaqueries/ anschauen. Dein Problem ist ja, dass bei größeren Auflösungen die Schriftgröße zu klein ist. Was musst du also rausfinden? Die Auflösung ^^ Dies kannst du per media-queries machen, oder halt per Javascript, obwohl das per CSS um einiges angenehmer zu lösen ist.

Dennoch ist das CSS3, bei älteren Browsern musst du dir da was einfallen lassen, aber da gibts 12343254354325324 Tutorials und Google hätte dir da sowas von Zeit gespart. Warum googlest du dein Problem nicht?

Btw. Tutsplus http://net.tutsplus.com/tutorials/ht...media-queries/

Da findest du alles

[everniZe]

Das ist ja das was ich dem Kunden versuche zu erklären.
Das das Schwachsinn ist und auch eigentlich kein anderer macht.
Mercedes passt auch auf ihrer seite keine Schrift dynamisch an.
Man darf keine Barrieren schaffen klar. aber man kann ja wie bei jeder anderen Seite zoomen.

Wie erklärt man das am besten fachlich das es mit aktuellem CSS und HTML nicht möglich ist.

[latitude]

Sprich die Fakten einfach aus. Mediaqueries sind ein guter Ansatz, Schwierigkeiten machen alte Browser. Es geht auch per Javascript, sprich gute alte Monitorweiche etc.

Eine weitere Alternative wäre eine dynamische Anpassung der Schriftgröße mittels kleiner Navi. So kann der Betrachter die Schriftgröße selbst einstellen.

Beispiel:
Dein Standard ist 12px. Du machst drei schaltflächen (Schrift größer, Schrift kleiner, Standardgröße). Per Javascript kannst Du dann die Schriftgröße anpassen und wenn gewollt, in einem Cookie, Session etc. speichern.

[Chieftrain]

Zitat von everniZe

Das ist ja das was ich dem Kunden versuche zu erklären.
Das das Schwachsinn ist und auch eigentlich kein anderer macht.
Mercedes passt auch auf ihrer seite keine Schrift dynamisch an.
Man darf keine Barrieren schaffen klar. aber man kann ja wie bei jeder anderen Seite zoomen.

Wie erklärt man das am besten fachlich das es mit aktuellem CSS und HTML nicht möglich ist.

Es ist möglich und auch nicht besonders schwer ^^ Es ist auch kein Schwachsinn nur einfach nicht praktikabel

[Murdoc]

sag deinem kunden, dass menschen mit 24+ zoll monitoren diesen nicht dafür verwenden wollen um daten zu vergrößern, sondern um mehr verschiedene daten auf einmal zu sehen.

deine benutzer können jederzeit selbst entscheiden, ob sie die seite vergößert sehen möchten (das ist in jedem browser einstellbar).

STRG und "+" vergrößert sie seite,
STRG und "-" verkleinert die seite

du kannst aber, falls deine seite eine älter zielgruppe anspricht, eine option einbinden, mit der man per knopfdruck diese funktionalität nachempfinden kann.

dazu musst du deine schriften einfach per "em" definieren (1em = 12pt = 16px)
und dann per "body { font-size: yxz% }" entsprechend vergrößern.

body { font-size: 100% }

normal

body { font-size: 200% }

doppelt so groß

[everniZe]

Vielen DANK! An euch beide!

BW raus!
edit:
an euch 3 natürlich!

[Micro86]

Zitat von latitude

Sprich die Fakten einfach aus. Mediaqueries sind ein guter Ansatz, Schwierigkeiten machen alte Browser. Es geht auch per Javascript, sprich gute alte Monitorweiche etc.

Eine weitere Alternative wäre eine dynamische Anpassung der Schriftgröße mittels kleiner Navi. So kann der Betrachter die Schriftgröße selbst einstellen.

Beispiel:
Dein Standard ist 12px. Du machst drei schaltflächen (Schrift größer, Schrift kleiner, Standardgröße). Per Javascript kannst Du dann die Schriftgröße anpassen und wenn gewollt, in einem Cookie, Session etc. speichern.

diese variante wäre auch für die barrierefreiheit die beste wahl. falls das auch wichtig ist.