relative schriftgrößen - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > relative schriftgrößen

Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > relative schriftgrößen

Pages: [1]

geschrieben von Shaddow am 23.04.2004 - 19:29

hy.
jeder kennt sicherlich relative größenangaben bei tabellen, linien, grafiken und was weiß ich nicht was, aber gibts das auch bei schriftgrößen?

also wenn ich auf meine page mit ner auflösung von 800x600 gehe, dann is die schrift bombastisch!
wenn ich allerdings 1280x1024 nehmen, dann is se fintztel klein. was kann ich machen um beides zu deickseln ohne zwei unterschiedliche pages zu schreiben?

geschrieben von Daniel am 23.04.2004 - 19:56

Du könntest die Auflösung auslesen, und dann entsprechend das CSS deiner Page mit PHP anpassen.

geschrieben von Shaddow am 23.04.2004 - 19:56

so kompliziert? geht das nicht einfacher?

geschrieben von Klaush am 23.04.2004 - 20:08

Was ist denn da kompliziert ?

Bau Dir ein JS mit eine screen.width und screen.hright Abfrage. Je nach Auflösung verweist Du auf verschiedene css. Ein entsprechendes Beispiel für Auflösungen befindet sich im Archiv.

geschrieben von Shaddow am 23.04.2004 - 20:34

leider kann ich kein ding js. naja ich versuchs einfach mal. thx

geschrieben von Armin am 23.04.2004 - 21:53

Hi,

anstelle die Größe der Schrift in px anzugeben, verwende mal % oder em.

Armin

geschrieben von Raver2 am 23.04.2004 - 22:01

hi vielleicht gehts so:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21:

<script language="javascript">
<!--
function schriftgroesse() {
if (screen.height=<800) {
document.getElementByid("text").style.font-size="15px"
}
if (screen.height=<1024) {
document.getElementByid("text").style.font-size="17px"
}
if (screen.height=>1024) {
document.getElementByid("text").style.font-size="19px"
}
}
//-->
</script>
<body onload="schriftgroesse()">
<div id="text">

text

</div>

ACHTUNG es könnte sein das beim roten Text fehler auftreten, also musst da ein bißle rumprobieren bis es geht weil ich glaube es geht net mit - .....