WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Design - upplösning oberoende (https://www.wn.se/forum/showthread.php?t=2622)

FredrikMH 2004-06-27 17:43

Jag har börjat på en design som ska använda 100% av webbläsarens fönster. Detta medför lite problem. Jag kan enkelt göra så designen anpassar sig men hur ska jag göra med innehållet? Om man exmeplvis har en bild med text så kommer texten att dras ut och bli väldigt lång och inte passa bra till bilden om användaren kör en hög upplösning.

Jag har vissa kolumner som är fasta men innehållet måste ändå anpassa sig till skärmen. Hur ska jag lyckas med detta på ett bra sätt eller ska jag ändå ha en fast bredd på innehållet och låta större upplösningar se vitt vid sidan om?

Har alltid jobbat med designer optimerade för 800x600 och det fortfarande många som använder det även om 1024x768 dominerar.

Peter_Holm 2004-06-28 12:38

Citat:

Originally posted by FredrikMH@Jun 27 2004, 17:43
Jag har vissa kolumner som är fasta men innehållet måste ändå anpassa sig till skärmen. Hur ska jag lyckas med detta på ett bra sätt eller ska jag ändå ha en fast bredd på innehållet och låta större upplösningar se vitt vid sidan om?

Har alltid jobbat med designer optimerade för 800x600 och det fortfarande många som använder det även om 1024x768 dominerar.

Jag bygger oftast med frames och fast kolumnbredd. Detta för att vara säker på att sidan visas korrekt för användaren.

800x600 är fortfarande en bra upplösning att utgå ifrån.

Peter

FredrikMH 2004-06-28 18:05

Frames.... nej tack! Men finns det inget smart sätt att lösa det på så inte de med hög upplösning ser halva skärmen med vit text. PHP kan väl inte känna av upplösningen på skärmen? Och att lösa det med javascript blir inte skoj.

Jester 2004-06-28 18:17

Citat:

Originally posted by FredrikMH@Jun 27 2004, 17:43
Jag har börjat på en design som ska använda 100% av webbläsarens fönster. Detta medför lite problem. Jag kan enkelt göra så designen anpassar sig men hur ska jag göra med innehållet? Om man exmeplvis har en bild med text så kommer texten att dras ut och bli väldigt lång och inte passa bra till bilden om användaren kör en hög upplösning.
Det är väl inget större problem. Du får helt enkelt använda absoluta mått på bilden. Är det en grafikdetalj vi talar om är det enklast att du definierar en postition för den och om det behövs delar upp och upprepar den. Jag har funnit att CSS kan vara väldigt användbart då man arbetar med grafikdetaljer (speciellt bakgrunder) i relativa sidbrädder (t.ex. 100%).

ViktorPersson 2004-07-04 19:59

Frames är kasst, använd tables. Här finns all info om css:
http://www.w3.org/TR/CSS2/

Jester 2004-07-04 21:16

Citat:

Originally posted by ViktorPersson@Jul 4 2004, 19:59
Frames är kasst, använd tables. Här finns all info om css:
http://www.w3.org/TR/CSS2/

Tables är kass, använd div-taggar. ;)

digiArt 2004-07-05 08:42

Citat:

Originally posted by FredrikMH@Jun 27 2004, 17:43
..Om man exmeplvis har en bild med text så kommer texten att dras ut och bli väldigt lång och inte passa bra till bilden om användaren kör en hög upplösning.
Ta dig en titt på följande artikel: www.alistapart.com/articles/elastic/

piliz 2004-07-06 12:25

alternativet är att man kollar av användarens upplösning innan man öppnar ett fullsize window. Efter det låter man användaren få en sida anpassad efter upplösning. tex 800x600.html respkt 1024x768.html.
Dessa sidor innehåller olika stora bilder osv... lite bökigt att uppdatera kanske men med lite include filer så fixar man det också. Olika stylesheets med olika stora textfonter tex.

Sen finns det ju flash förstås...

/ Fredrik

Jester 2004-07-06 19:03

Citat:

Originally posted by piliz@Jul 6 2004, 12:25
alternativet är att man kollar av användarens upplösning innan man öppnar ett fullsize window. Efter det låter man användaren få en sida anpassad efter upplösning. tex 800x600.html respkt 1024x768.html.
Dessa sidor innehåller olika stora bilder osv... lite bökigt att uppdatera kanske men med lite include filer så fixar man det också. Olika stylesheets med olika stora textfonter tex.

Nej nej nej...nej! Det är dumt att ta sådana genvägar. Det är mycket bättre att lära sig hantera CSS på ett vettigt vis annars kommer man antagligen sitta med sådana "nödlösningar" tills fan kommer och avlöser en.

Susanne 2004-07-07 01:38

Håller med Jester. Det är CSS och div-taggar som gäller!


Alla tider är GMT +2. Klockan är nu 05:45.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson