Avatar billede Kengun Praktikant
15. november 2001 - 01:02 Der er 10 kommentarer og
1 løsning

CSS - Et CSS for 1024 og et CSS for 800

Hei :-)

Jeg ønsker et Javascript som ser hvilken skjermoppløsning brugeren har. Så skal den....

...hvis brugeren kjører med 800x600 så skal javascriptet kjøre denne css: <link rel=stylesheet type=\"text/css\" href=\"800.css\">

...hvis brugeren kjører med 1024x768 så skal javascriptet kjøre denne css: <link rel=stylesheet type=\"text/css\" href=\"1024.css\">

Dette scriptet må vel stå i <head> taggen fordi css\'en vanligvis kalles opp fra <head>\'en.

Skal bruges på denne side: www.lyngdal.f2s.com
Når du ser denne siden i 800x600 så blir skriften litt for stor (12pix), men jeg ønsker at den skal være 10pix. Men 10pix er for lite hvis du kjører 1024x768

Er det noen som skjønner hva jeg mener?
Avatar billede jakoba Nybegynder
15. november 2001 - 01:10 #1
Jada.
prøv evt med:

<script type=\'text/javascript\'>
if ( screen.width > 950 ) {
    document.write(\'<link rel=\"stylesheet\" type=\"text/css\" href=\"1024.css\">\');
} else {
    document.write(\'<link rel=\"stylesheet\" type=\"text/css\" href=\"800.css\">\');
}
</script>

Ikke testet, men teoretisk burde det virke.

mvh JakobA
Avatar billede pelkjaer Nybegynder
15. november 2001 - 01:10 #2
Har du prøvet at bruge \"pt\" istedet for \"px\" ?

Det kunne meget vel løse dit problem uden at du skal køre to stylesheets.
Avatar billede excession Nybegynder
15. november 2001 - 01:13 #3
eller sådan noget her:

<script language=\"JavaScript\">
if (window.screen.width == 1024) {
document.all.pop.href = \'blue.css\'};
</script>

-- xs
Avatar billede excession Nybegynder
15. november 2001 - 01:15 #4
oops jeg mener:

<script language=\"JavaScript\">
if (window.screen.width == 1024)
{
document.write(\'<link rel=\"stylesheet\" type=\"text/css\" href=\"800.css\">\');
}
</script>

document.write(\'<link rel=\"stylesheet\" type=\"text/css\" href=\"800.css\">\');
Avatar billede excession Nybegynder
15. november 2001 - 01:15 #5
flot nok..
glem lige sidste linie :)
Avatar billede excession Nybegynder
15. november 2001 - 01:16 #6
hmm glem det.. brug jakobas :)
Avatar billede olebole Juniormester
15. november 2001 - 03:20 #7
<ole>
pelkjaer >> Vend lige din påstand 180 grader - så bliver den helt korrekt!  ;o)
\'px\' er det eneste rigtige at bruge til skærmvisning, da det er skærmens modul - \'pt\' er en gammel typografisk enhed, der bruges - og *kun* burde bruges - ved print.
\'px\' er langt mere korrekt visende X-browser/X-platform. Eneste undtagelse er, at NS4.X viser skrifterne 1 pixel mindre end IE, hvilket kun for alvor betyder noget nede ved 7, 8, 9 pixels. \'pt\' er helt håbløs!  =)
/mvh
</bole>
Avatar billede Kengun Praktikant
15. november 2001 - 07:10 #8
JakobA> Ja det var noe slikt jeg hadde tenkt meg :) Jeg har ikke testet det enda, men ditt forslag \"make sense\" :) Jeg burde kanskje klart å sette sammen et lignende javascript selv, men I Eksperter trenger jo noe at \"lege med\" ;) Det er alltid hyggelig å poste spørgsmål her på Eksperten når det er så mange dyktige Eksperter som vil hjelpe :) Jeg regner med at jeg får lagt inn scriptet ikveld 15. nov etter kl. 16:00 og deler ut points da. Takk så lenge for deres svar og kommentarer.
Avatar billede Kengun Praktikant
15. november 2001 - 07:10 #9
Heh...den kommentar var visst ikke bare til JakobA, men til er alle :-)
Avatar billede pelkjaer Nybegynder
15. november 2001 - 11:01 #10
olebole>>Hermed vendt 180 grader :)

Synes bare at man får et mere ensartet udseende ved brug af \"pt\". Der var også en eller anden der engang fortalte mig at det var bedre end \"px\".

Men jeg skal da huske din forklaring.
Avatar billede Kengun Praktikant
15. november 2001 - 22:09 #11
Jepp, det fungerer helt fint. Takk for hjelpen :-) www.lyngdal.f2s.com
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester