Teknik, hosting & e-handelsløsninger

Svar: Hvilken kode skal jeg ændre?

Rasmus T. Nicolaisen — Tue, 17 May 2011 19:05:33 GMT

Hej igen!

Problemet er blevet løst, jeg fik hjælp af en af mine venner.
Jeg gik ind i CSS'en og i stedet for at skrive pixels, valgte jeg som du har sagt at skrive med procent altså 80 %.

Det ser faktisk ganske fornuftigt ud

De allerbedste hilsner!
Rasmus T. Nicolaisen

Svar: Hvilken kode skal jeg ændre?

Kim Hejlesen — Sun, 15 May 2011 21:11:22 GMT

Hej Rasmus

Det du beskriver er en af de klassiske dillemaer/udfordringer webudviklere har.

Som du beskriver er der stor forskel på skærm størrelse på både brugere og udviklere, hvor sidst nævnte oftest sidder på de største.

En tommelfinger regel er at indholdet på siden ikke må fylde mere end 1000 pixel i bredden, så hele indholdet bliver vist på en 1024x768 skærm. Der er ikke ret mange 800x600 skærme tilbage og folk der ligger under kører på smartphones osv. Da vi ikke kan ændre på folks skærmopløsning, så må løsningen laves på siden.

Oftest består siden, som f.eks. Amino, af en centreret kolonne der er ca 1000 pixel bred. Hvis du så f.eks. har en 1920x1080 opløsning, ja så er der ca 920 pixel spil plads på din skærm, og det hele ser "småt" ud. Ser du derimod siden på en 1024x768 skærm ja så fylder siden stort set hele skærmen og det ser meget "større" ud.

Grunden til at mange udviklere vælger denne løsning, er at det gør det meget nemmere at designe siden uden at skulle tage hensyn til forskellige skærm opløsninger.

Hvis du skal lave en side der hele tiden vil fylde 100% af skærmen, ja så venter der MEGET arbejde foran dig. Der er som jeg ser det, 2 måder at gøre det på. Uanset hvad, så er det CSS du skal ha fat i.

1: Alle elementer på siden får deres bredde angivet i % eller em

2: Du laver et javascript som henter skærmopløsningen og derefter styler hele din side ud fra det.

Første løsning er nok den nemmeste, men der er timevis af programmering i at få det hele til at passe og se fornuftigt ud på alle skærme.

Et godt eksempel på en side der virker rigtigt godt i 100% bredde, er Google Analytics - men også her er der lagt time på time i siden.

Dertil kommer der browser kompatibilitet oven i :)

Så en lille bøn til jer der stadig kører 1024x768 og internet explorer 6 - få opgraderet og skiftet skærmen ud - så gør i jeres webudviklere glade! :)

Svar: Hvilken kode skal jeg ændre?

Rasmus T. Nicolaisen — Fri, 13 May 2011 12:42:02 GMT

Hej Alexander!

Jeg ved bare ikke hvordan jeg ændrer opløsningen, hvilken kode skal jeg ændre, og hvor henne?

De allerbedste hilsner!
Rasmus T. Nicolaisen

Svar: Hvilken kode skal jeg ændre?

Romanovich — Fri, 13 May 2011 12:04:21 GMT

Jeg vil da også sige at pløsningen på en skærm har en stor betydning..

enten skal du lave med 100% tilpasning, så den retter sig efter opløsningen og ikke skærmen eller også kan du tilpasse siden til 1024x768 som der stadig er nogle som bruger.

Hvilken kode skal jeg ændre?

Rasmus T. Nicolaisen — Fri, 13 May 2011 11:52:30 GMT

Hej Amino'er!

Jeg håber lidt i kan hjælpe mig her.

Jeg er i gang med at bygge en prissammenligningsside, men siden er presset helt sammen på midten fordi min skærm er 18 tommer.
Jo længere man kommer ned i tommer, jo bedre passer den til skærmen.
Er der en kode, jeg kan ændre for at den autojusterer billedet til den skærm størrelse man har, eller hvad syntes i jeg skal gøre?

Ellers vil jeg gerne lave den sådan, at den passer i normal størrelse, altså 100%, på en 15" skærm.

Jeg håber i kan hjælpe mig

De allerbedste hilsner!
Rasmus T. Nicolaisen