Solved: javascript und css

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/solved_javascript_und_css_158573/page_1 - zur Vollversion wechseln!

Lizardking schrieb am 15.02.2006 um 18:50

folgendes script soll so modifiziert werden, dass je nach bildschirmauflösung ein anderes .css file auf di index.html verlinkt wird.
ich weiss dass es geht, kann mich aber nicht mehr erinnern wie.
kann nicht allzu kompliziert sein.

<SCRIPT language="JavaScript">

</SCRIPT>

und so fort

danke schonmal im voraus

that schrieb am 15.02.2006 um 20:31

So gehts jedenfalls eh nicht - was machst du bei 1280*960, 1400*1050, 1200*1600, 2560*1600, 2560*1024, 800*480, 1280*720, ..... ?

(ja, all diese Auflösungen gibt es, und noch viel mehr - in VMs sogar ganz krumme wie 848*1004 usw.)

raitiss schrieb am 15.02.2006 um 22:45

Ist auf englisch, und ein Tutorial wo alles erklaert wird.
http://particletree.com/features/dy...endent-layouts/
ein demo von den script:
http://particletree.com/examples/dynamiclayouts

Lizardking schrieb am 16.02.2006 um 08:45

Zitat von raitiss
Ist auf englisch, und ein Tutorial wo alles erklaert wird.
http://particletree.com/features/dy...endent-layouts/
ein demo von den script:
http://particletree.com/examples/dynamiclayouts

dankeschön!

@that: mei, dann mach ichs halt (>=800 && <=1024), das sollt ja net das problem sein.

that schrieb am 16.02.2006 um 09:02

Zitat von Lizardking
@that: mei, dann mach ichs halt (>=800 && <=1024), das sollt ja net das problem sein.

Gut - ich wollte dich nur vorwarnen, dass es nicht nur 4:3 Desktops mit einer von 3 Auflösungen gibt.

Lizardking schrieb am 16.02.2006 um 09:31

Zitat von that
Gut - ich wollte dich nur vorwarnen, dass es nicht nur 4:3 Desktops mit einer von 3 Auflösungen gibt.

ok, ist angekommen.
nur bin ich nicht bereit, für jede auflösung die eventuell verwendet werden könte ein seperates css file zu machen^^
und da soweit ich weiss immer noch 800x600, 1024x768 und 1280x1024, mittlerweile ev. auch 1600x1200 am häufigsten vorkommen, müssen die 'quertreiber' sich eben mit dem zufrieden geben was am nächsten hinkommt.
wird ja auch keine seite für irgendeinen multinationalen konzern, also reicht mir das

MfG

that schrieb am 16.02.2006 um 19:52

Zitat von Lizardking
nur bin ich nicht bereit, für jede auflösung die eventuell verwendet werden könte ein seperates css file zu machen^^

Ich würde für jedes deiner CSS-Files eine bestimmte Mindesthöhe und -breite vorsehen. Wenn einer dieser Werte unterschritten ist, kommt das nächst kleinere Design.

Dann benutz aber auch nicht die Bildschirmgröße, sondern die Größe des Browserfensters:

Code: PHP

 if (navigator.appName=="Netscape" || navigator.appName=="Mozilla") {
  x = window.innerWidth;
  y = window.innerHeight;
 }
 else {
  x = document.body.clientWidth;
  y = document.body.clientHeight;
 }

So gehts zumindest mit Mozilla und IE - wie man das für alle Browser verallgemeinert, müsstest du selbst herausfinden.