Hvis Opløsning er X så sæt stylesheet til Denne Fil

<script type="text/javascript">

width = screen.width;
if (width < 800) {
  document.write('<link rel="stylesheet" type="text/css" href="640.css">');
} else if (width < 1024 ) {
  document.write('<link rel="stylesheet" type="text/css" href="800.css">';
} else if (width < 1280 ) {
  document.write('<link rel="stylesheet" type="text/css" href="1024.css">';
} else if (width < 1600 ) {
  document.write('<link rel="stylesheet" type="text/css" href="1280.css">';
} else {
  document.write('<link rel="stylesheet" type="text/css" href="megetstoroploesning.css">';
}

</script>

tusind tak lige hvad jeg havde brug for :D

lægger du lige et svar..?

Velbekomme '-)

-- og måske burde man bruge screen.availWidth, men det forandrer ikke meget, men tager da højde for egentlige windows-elementer, som evt. fylder op, men leverer ikke browserens egen bredde !-)

<ole>

- men en langt bedre løsning er at skrive sitet, så det kan bruges i forskellige opløsninger med samme stylesheet  ;o)

Hvis brugeren ønsker at have flere vinduer åbne ved siden af hinanden, kan det være ligemeget, hvad andre måtte synes, der er plads til på hans skærm.
I sådan en situation - som det i øvrigt vides fra utallige useabillity-undersøgelser, er meget almindelig - vil brugeren få loaded et ubrugeligt stylesheet og dit site vil meget sandsynligt ligne noget, der er blevet trukket ud gennem den grimme ende på en selvdød gnu  :)

/mvh
</bole>

-- men tak for point ;~}

Kunne man ikke bare bruge?:

<script type="text/javascript">
document.write('<link rel="stylesheet" type="text/css" href="' + ((screen.width>1600)?'megetstoroploesning':screen.width) + '.css">');
</script>

Eller:

<script type="text/javascript">
w = screen.width;
if (w > 1600) w = "megetstoroploesning.css";
document.write('<link rel="stylesheet" type="text/css" href="' + w + '.css">');
</script>

Så vælger den automatisk 640.css, 800.css, 1024.css, 1280.css, 1600.css eller megetstoroploesning.css ..
Der er nok ikke så mange der bruger 640x480.. men man kunne sagtens lave et stylesheet til dem, og rette koden til..

>>thesurfer

Men hvad hvis brugeren så har en opløsning, som man ik' li'e har tænkt på, så der ikke findes en fil ?-)

F.eks. 1152, som jeg har brugt i mange år !-)

Han bliver bannet :-)

Hva' så med en Select Case..? Er der ikke mindre arbejde i en SC, end i en IF?

Næh, koden er nemmere at skrive med en select case, men såvidt jeg forstår foregår der nøjagtig det samme behind the scenes !-)

hmm kan ikke få det til at fungere :S

den udskriver bare en hel blank side..

Du skal selvfølgelig sætte scriptet der hvor du ellers har din stylesheet-reference, altså i head-tagget ...

-- er du sikker på, at referencerne er rigtige ?-)

En switch - som 'Select Case' hedder på 'JavaScriptsk' - gør det samme som if/else.

Til gengæld synes jeg stadig, det er værd at overveje, om brugerens skærmopløsning overhovedet er en relevant information at bygge visningen på. Hvis han ikke har lyst til at se dit site i fuld skærm, er du jo lige vidt ... og det er faktisk overvejende sandsynligt  :)

Skal jeg strikke en hue til dig, vil jeg gerne vide, hvormeget dit hår fylder.
Hvad der er plads til af hår i det lokale, du opholder dig i, er jeg ligeglad med ... det er jo ikke sikkert, du har lyst til at fylde hele lokalet med dit hår  ;o)

Hvis endelig man vil bruge forskellige stylesheets til forskellige browserstørrelser, kan man skifte stylesheet udfra browserens indre mål - målt på onload og onresize. Det andet giver efter min mening ikke overvældende megen mening

yep..

www.ringler.dk/Klanside/banner.htm

http://www.ringler.dk/css/800.css ser ikke helt rigtig ud..

Hmm.. der skal vel være et eller andet, før der kommer noget frem..?

Det nemmeste er helt klart at lave sidden næsten 800 px bred. Så det eneste den ikke passer til er 640x480 da det er begrænset hvor mange der bruger den efterhånden.

baggrunden fylder jo ingenting, når der ikke er noget.. og så vil baggrundsbilledet også fylde ingenting.. eller hvad?

jeg kører med 1280*960 ..

Den opløsning burde virke... :S???

Normalt skal der ikke gåseøjne omkring en url, men det er helt nødvendigt, når urlen indeholder mellemrum, så:

background-image:url("/Klanside/banner 1280.jpg");

har fået det til at virke..

;)

hmm scriptet virker ikke i firefox :S