Tutorial/artikel om tilpasning af website til skærmopløsning.

Jeg vil mene, at det skulle have været under "Programmering : (D)HTML : CSS", men det er ok. Ihvertfald for mit vedkommende.

Selvom folk får bedre og bedre skærme, så har hovedparten af brugerne stadig en opløsning på 800 x 600. Så jeg ville holde mig til det, hvis jeg var dig. Personligt bryder jeg mig ikke om 100% på bredden, fordi siden kan komme til at se helt forskelligt ud fra det, du havde tænkt dig, når nu folk har forskellige opløsninger på deres skærme. Men dermed ikke sagt, at det ikke kan være det rigtige for dig.

Der findes et utal af måder at definere tabel/cellebredde, padding m.m. Lige et par links:

http://www.w3.org/TR/REC-CSS2/box.html#padding-properties

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/css/reference/attributes.asp

Jeg er netop begyndt at (forsøger) overholde W3C's standard, så det kunne være en idé at tjekke dine sider og CSS på http://validator.w3.org/detailed.html.

Har du spørgsmål, så fyr løs. Jeg er ikke helt klar over hvad og hvor meget du vil :o)

... og du kan godt nøjes med et stylesheet. Du nævner baggrunde:

<td style="background-image: url('/images/minbaggrund.gif');">&nbsp;</td>

<td style="background-color: #ff0000;">&nbsp;</td>

Formattering af tekst og links:

.text11 {
color: black;
font-style: normal;   
font-weight: normal;
font-size: 11px;
font-family: geneva, verdana, helvetica;
line-height: 18px;
}
a {
font-size: 11px;
color: #336699;
font-family: geneva,verdana,helvetica arial;
text-decoration: none
}
a:hover {
color: #000000;
text-decoration: none
}
.padding4 {
padding-left: 4px;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
}

<table class="padding4"> (der findes smartere måder mht. padding)

Der er mange muligheder. Spørg løs. Jeg vil svare på dem jeg kan :o)

Hey.

Jeg har lavet hjemmeside for min basketballklub, og uden at tænke nærmere over det, så lavede jeg den så den passer til min opløsning (1024*768). Det har vist sig ca. 10% af brugerne har en mindre opløsning, hvilket jeg naturligvis gerne vil tage højde for.

Jeg forestiller mig derfor, at sitet tager højde for brugerens opløsning og præsenterer en af to muligheder (1024*768 eller 800*600). Jeg er bare i tvivl om hvordan jeg griber det bedst an.
Mit umiddelbare gæt vil være at jeg er nødt til at have al grafik i to versioner; en stor og en lille. Derudover havde jeg en ide om, at jeg vha. af to stylesheets kunne definere skriftstørrelser m.m. der passer til de to opløsninger.

Jeg er altså ikke så meget ude efter en tutorial i stylesheet, men snarere nogle gode råd til hvordan jeg bedst griber differentieret skærmopløsning an.

Er det ren volapyk?

Nej, det er ikke ren volapyk :o)

Du får lige MIN personlige mening, selvom den ikke er relevant i denne sammenhæng. Jeg GIIIIDER ikke have bøvlet med at tilpasse mine sider til forskellige opløsninger. Som du selv er inde på, så skal grafik m.m. måske laves 2 gange, hvis det ser dumt ud til den ene opløsning kontra den anden etc. Jeg laver altid siderne i 800 x 600. Er der nogen, der kører 640 x 480, er det deres problem; det er en MEGET lav opløsning, som jeg ikke gider at tage hensyn til. Til dem, der kører en højere opløsning end 800 x 600 - ja, de kan jo uden problemer se siden. Jeg kører selv 1152 x 864. Det var MIN mening. Selvom det ikke løser dit spørgsmål :o)

Jeg ved du kan tjekke brugerens browser, opløsning m.m. Og når du kan det, kan du også få brugeren ledt ind i den version du ønsker. Omvendt kunne det også laves med en forside og 2 valgmuligheder: "Jeg vil se siden i 1024 x 768" eller "Jeg vil se siden i 800 x 600".

Mht. 2 stylesheets kan du jo enten henvise til hvert sit i hver sin version, eller du kan benytte ét. Du behøver ikke at bruge 2.

Jeg vil lede efter det script, som tjekker brugerens opløsning i løbet af dagen. Hvis ikke der er andre, der allerede har noget brugbart :o)

PS: Hvis det er din mening at lave 2 forskellige størrelser grafik, skal du huske på, at du skal lave det - ikke kun hver gang - men hver ENESTE gang, du laver noget nyt på din side. Men det er nok et temperamentsspørgsmål :o)

I see your point.

Jeg ved godt hvordan jeg finder brugerens skærmopløsning. Jeg var primært blot i tvivl om hvilke ting jeg er nødt til at tage højde for.

Jeg tygger lige lidt mere over, hvad jeg vil gøre.

Prøv lige at tjekke denne her: http://www.eksperten.dk/spm/381869

Hvis jeg ville lave en side i 2 opløsninger:

1. En forside med valg om ønsket opløsning: 800 x 600 eller 1024 x 768.
2. Grafik, som kunne benyttes begge steder. "Genbrug" er tit det optimale, specielt her ville jeg undgå for meget ekstraarbejde, som kan blive surt arbejde i sidste ende.
3. Hver sit stylesheet. Så får man ikke blandet for meget sammen.

Men som altid, så er hjemmesidedesign/strukturering et spørgsmål om dine personlige præferencer :o)

ELLER du kan lave et valg til brugeren, som gemmes i en cookie. Men det skal nok laves i ASP eller PHP, og det kræver straks lidt mere. Men det er meget smart :o)

Fandt du frem til noget, svjensen? :o)

Nej, jeg har haft dårlig tid på det seneste. Jeg tænker lidt videre over det på baggrund af dine input.

Jeg lukker spørgsmålet, og giver point til dig.

Takker. Håber du finder ud af noget :o)