CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

NielsErikP Mester

30. maj 2012 - 20:52 Der er 11 kommentarer og
1 løsning

SCREEN SETTINGS ??

Hej...

Nu er jeg jo ved at fremstille en hjemmeside. Der er sket lidt.. I forbindelse med at en "Bekendt" havde nævnt at han ikke kunne lægge indlæg i min GB. Kom jeg idag selv til en anden pc.. med anden IP adresse.
på den computer skærm udgjorde min hjemmeside kun næsten en 3. del af skærmbilledet, hvor den på egen går fra side til side. Jeg kører en opløsning 1024 x 768.. på 17" skærm.
Mit spørgsmål går på, hvordan man skal lave CSS kode til f.eks 1400 x 900 på evt. 21" skærm.

Håber spørgsmålet er forstået.. og håber der er en der kan lede mig videre.

På forhånd tak.

Synes godt om

keysersoze Ekspert

30. maj 2012 - 22:25 #1

i CSS3 kan du benytte media queries - men da det ikke er understøttet i alle, specielt ældre, klienter, bør det evt overvejes at understøttes af javascript og ellers kan du gøre det direkte med javascript og loade differentiede css-filer.

Skal du ud af det mest tekniske og oppe i tiden spor skal du kigge på begrebet responsive webdesign.

Synes godt om

Wally1973 Praktikant

30. maj 2012 - 22:28 #2

Alternativt kan du gøre det på den "rigtige" HTML-måde ved ikke at angive absolutte bredder, men kun relative.
Dvs. ingen mål i pixels, men kun i %.

Synes godt om

NielsErikP Mester

30. maj 2012 - 23:04 #3

Hej...

@keysersoze: Jamen nu kører jeg Html 4.01 strict.dtd og da jeg ikke mener det er tid til Html 5 endnu.. holder jeg mig stadig lidt fra css3 . jow.. men hvordan specificerer du disse Css filer til den enkelte opløsning. Det var egentligt det spørgsmålet var ment som.

@wally1973: Det bliver noget af en omskrivning, da jeg hidtil kun har arbejdet med pixels. Men jeg havde egentligt forestillet mig at det skulle gøres i html, sådan noget hen af når man stiller en CSS fil til en bestemt browser version. Men den er måske udelukket.

Synes godt om

keysersoze Ekspert

30. maj 2012 - 23:12 #4

Der er ikke noget der forhindrer dig i at benytte CSS3 i HTML4. Mht javascript, så kig på øverste svar her; http://stackoverflow.com/questions/4839346/changing-css-file-according-to-resolution-with-javascript

Synes godt om

NielsErikP Mester

30. maj 2012 - 23:47 #5

Hej...

Okay keysersoze.. tak, må nok igang med CSS 3 vil jeg være med, når det om lidt går løs. Dit link!! Du mener det svar med funktionen i onload??

Tror bare du kan lade din næste kommentar komme som et svar.

Synes godt om

keysersoze Ekspert

31. maj 2012 - 09:40 #6

Nej - netop ikke med onload, svaret fra RoToRa.

Synes godt om

NielsErikP Mester

31. maj 2012 - 16:16 #7

Hej...

Det er iorden,soze. Øh kan se RoToRA også nævner det med Css3 Media Quiries .. og ligger mig så bag øret at du tidligere her i tråden sagde at der ikke er noget i vejen for at bruge Css3 sammen med Html 4.01 Strict. . Havde ellers en fornemmelse af at det hørte sammen med Html 5 . Mine evner og erfaring indenfor javscript er lig NUL. Dog har jeg lidt forbehold overfor dokumnent.write .. Er det ikke noget med den overskriver alt..??

Synes godt om

olebole Juniormester

31. maj 2012 - 18:54 #8

<ole>

document.write kan du bruge under load af siden. Så vil metoden skrive argumentet ind, hvor scriptet står i koden.

Kører du derimod metoden efter sideload, vil metoden overskrive al anden kode. Jeg ville dog nok vælge en mere opdateret kode - som i øvrigt også dækker mellemliggende skærmstørrelser:

/mvh
</bole>

Synes godt om

olebole Juniormester

31. maj 2012 - 18:55 #9

PS: Ovestående smider du bare ind i dit HEAD element

Synes godt om

olebole Juniormester

31. maj 2012 - 18:57 #10

Ooooops ...! :D

document.write("<link href='"+s+"' rel='stylesheet' type='text/css'>");

Synes godt om

NielsErikP Mester

31. maj 2012 - 20:52 #11

Hej...

Tak for indsparket, ole :-)

Synes godt om

olebole Juniormester

31. maj 2012 - 21:08 #12

Selvtak =)

PPS: screen.availHeight adskiller sig fra screen.height ved at tage højde for (og fratrække) evt. dockede systemting - f.eks. taskbaren i bunden af skærmen. Det samme med 'width'

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS