CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede stefanlind Nybegynder
30. juni 2002 - 20:56 Der er 14 kommentarer

høj eller lavere skærmopløsning

Når jeg laver sider, sker det i 800 x 600 og resultater er ikke altid lige godt når jeg checker designet i en højere opløsning.
En bekendt har det modsatte problem - hun laver sine sider i 1024x768 - arbejder meget med smarte frames og de besøgende der kommer ind på hendes side, skal ofte flytte rullepanelet op og ned og fra side til side.
Jeg kom så til at tænke på om der mon findes et eller andet man kan gøre således at den side man har designet, tilpasser sig efter den besøgendes skærmopløsning - enten automatisk eller også ved at at vælge en opløsning.
Er der en der ved noget om det?
Avatar billede lequet Nybegynder
30. juni 2002 - 21:02 #1
http://www.html.dk/artikler/00023/

En artikel som du sikkert kan bruge til noget
Avatar billede jakoba Nybegynder
30. juni 2002 - 21:23 #2
lequet >> Det er det hurtige svar og det passer da også, men virkeligheden er 'som sædvanlig' mere kompliceret end det.

hvis du fx sjkalerer billeder med den eller lignende metoder bliver det som regel temmeligt grimme: http://hjem.get2net.dk/Jakob.Aggernaes/javascript12.html her bliver hele tabellen skaleret.
MEN
  Opera vil slet ikke skalere billeder. de vises i den pixelstørrelse de har.
  Det er ikke kønt.

tekstarealer er en af de faktorer der gerne må balancere i et design, så lad os sige jeg laver side med et billede i højre side og en klump tekst der lige passe i højden i venstre side.
Så gør jeg siden dobbelt så bred. billedet ekspanderer ob bliver samtidig dobbel så højt, men teksten fylder alt ialt detsamme som før, den blive nu til en tynd stribe tekst  på venstre side af billedet og det balancere slet ikke.

Så for at lave en ordentlig skalerbar sode må man bøje sit design efter situationen. så vidt jeg ved giver CSS endnu ikke mulighed for at 'skalere tekststørrelsen relativt', men det kan gøres af noget serverside programmel der ændrer skrifttypen efter vinduets størrelse. Man må forudse: "hvis vinduet bliver smallere skubbes det billedenedefter og så..."

og først og fremmest teste teste og teste i forskellige vindues størrelser, ved forskellige skærmopløsninger osv. osv.

mvh JakobA
Avatar billede tuncay Nybegynder
08. juli 2002 - 13:52 #3
min ven...du ka jo oz lave hjemmesiden med to opløsninger...det vil sige at når din hjemmeside dukker op ku der stå: 600*800 el. 1024*768.
..så ka ma gå ind i den opløsning man selv har...
Avatar billede musicchart.dk Nybegynder
21. juli 2002 - 22:10 #4
du kan som tuncay siger, lave 2 hjemmesider: een i 800 x 600, og een i 1024 x 768, men man kan sætte en kode ind som selv finder ud af hvilken opløsning man har:

her er koden til fx 3 forskellige opløsninger; 640x480 , 800x600 , 1024x768:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function redirectPage() {
var url640x480 = "640x480.htm";
var url800x600 = "800x600.htm";
var url1024x768 = "1024x768.htm";
if ((screen.width == 640) && (screen.height == 480))
window.location.href= url640x480;
else if ((screen.width == 800) && (screen.height == 600))
window.location.href= url800x600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href= url1024x768;
else window.location.href= url640x480;
}
// End -->
</script>
Avatar billede musicchart.dk Nybegynder
21. juli 2002 - 22:11 #5
svar
Avatar billede k5 Nybegynder
05. august 2002 - 21:36 #6
CooL
Avatar billede dmcn Praktikant
05. august 2002 - 21:41 #7
musicchart.dk : Så når jeg kommer ind med 1600 * 1200 skal jeg tvinges til at se på 640 * 480-versionen? Naah, hellere viderestille til 1024 * 768. :]
Avatar billede musicchart.dk Nybegynder
06. august 2002 - 11:49 #8
n0rmality >>, nå ja det kan man sq da bare ændre, det er jo ikke det store prob., vel?
Avatar billede dmcn Praktikant
06. august 2002 - 12:12 #9
1: Ingen grund til at blive muggen. Jeg påpegede bare, at det er uhensigsmæssigt, rent usability-mæssigt.

2: Der bruges screen.width i scriptet, men hvad så hvis folk eks. har ICQ i højre side og startbaren i venstre side? Dette kan godt betyde, at folk med 1024 * 768 i opløsning rent faktisk kun har 800 * 768 til browseren. Det er smartere at benytte screen.availWidth i stedet, da den tager det område browseren har til rådighed, og går ud fra det i stedet. Så skal == naturligvis også skiftes til < eller > afhængig af hvad man vil.

3: Ingen grund til at designe en hel version af siden til 640 * 480. Antallet af brugere af den opløsning er snart så forsvindende lille, så man godt kan tillade sig at "overse" dem.

Just my two (or three) cents.
Avatar billede jakoba Nybegynder
06. august 2002 - 12:32 #10
Er det forresten ikke også ved at være lidt ukorrekt at måle SKÆRMENS bredde. no hvor flere og flere skærme er på 1024 pixel eller mere er det vist de færreste der åbner deres browser maksimeret.
Det er snarere vinduets bredde der skal måles på.
I IE kan man desværre først få oplyst vinduets bredde efte <body kommandoen, men der kan man så lægge et script:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function redirectPage() {
  var url640x480 = "640x480.htm";
  var url800x600 = "800x600.htm";
  var url1024x768 = "1024x768.htm";
  var bredde = (window.innerWidth)?window.innerWidth:document.body.clientWidth;
  if ( bredde < 800-10 )
    window.location.href = url640x480;
  else if ( bredde < 1024-10 )
    window.location.href = url800x600;
  else if ( bredde < 1200-10 )
    window.location.href = url1024x768;
  else
    window.location.href= www.yahoo.com; // ud med ham nulmality :-))
}
// End -->
</script>
Avatar billede dmcn Praktikant
06. august 2002 - 12:34 #11
OMG, jakoba, vil du bare smide mig på porten? *snøft*
Avatar billede dmcn Praktikant
06. august 2002 - 12:36 #12
Men ok - så må vi vel bare smide siden på skærm 3 (1024 * 768), så vi alligevel kan komme ind. FUSKER! :|
Avatar billede jakoba Nybegynder
06. august 2002 - 12:56 #13
Argh.. er der slet ingen måde at holde ham væk :-))
Avatar billede filia Juniormester
19. oktober 2002 - 22:45 #14
GoLive5 har en funktion (kan bare ikke få det til at virke selv, arbejder på det!), hvor siden sættes op i en 100% tabel med lodret/vandret centreret celle, som så skal indeholde sidens elementer. Siden eskaleres ikke, men holder sig i det mindste midt på skærmen uanset opløsning. Ved ikke, om noget tilsvarende er muligt i andre programmer.
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra Webdesign kategorien

Titel Indlæg Oprettet Seneste aktivitet
Online beregnings-formular til wordpress (Excel?) Af k_skriver i Webdesign 0 13/09/202410:22 -
Wordpress side, sider indekseres ikke på Google pga omdirigering Af J. Nielsen i Webdesign 1 22/08/202400:31 04/10/202409:52
Konverteringsoptimering Af SaaSprofil i Webdesign 4 22/07/202411:32 18/08/202421:45
Implementering af 3. parts bannere på Wix-website Af Per i Webdesign 3 10/06/202420:05 17/06/202420:56
Virker vores webshop troværdig? Noget der skal ændres? Af jonaslo98 i Webdesign 8 08/05/202413:47 10/05/202408:15
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 12:47 Kopiere billeder fra mobil til usb stik Af bpnorskov i Backup- & Antivirus
I dag 11:16 Beregne gennemsnitspris baseret på forholdet af antal m2 og priser Af HHA i Excel
I dag 08:54 Danmark versus Norge.. Af Hans j i PC
I går 15:53 Ccleaner og Avast Premium Af nu_igen i Andet software
I går 14:41 Fremme e-mail konti, YouSee Webmail, i Outlook.com (gratis) Af mort1 i E-mail programmer
White papers
Flere white papers »


Premium
Teaser billede
Efter fordobling af omkostninger: Stor it-løsning til udlændinge-kontrol bliver næsten et år forsinket
Læs mere »
Columbus fortsætter fremmarchen i Danmark – har udvidet topledelsen til fem personer: "Vi har to meget stærke tog, der trækker os frem"
Dansk politi gør klar til at købe avanceret efterforsknings-software for en kvart milliard kroner: Vil indgå aftale med en enkelt leverandør
Fem punkter: Sådan kommer resultatet af det amerikanske valg til at påvirke tech
Se alle »
Computerworld
Teaser billede
Russisk domstol: Google skal betale 20 kvintilliarder dollar i bøde - fordobles løbende
Læs mere »
Test: Det er nærmest vanedannede at anvende disse mini-tastaturer
Linus Torvalds giver russiske Linux-udviklere sparket: Vil ikke have noget med dem at gøre
Test af Apple Watch Series 10: Apples jubilæums-model er blevet lidt af en mester af det hele
Se alle »
CIO
Teaser billede
It-leverandør ramt af flodbølge af erstatningskrav fra kunder efter cyberangreb
Læs mere »
Novo Nordisk satsede på HoloLens, men nu har Microsoft dræbt produktet
Microsoft: Sådan arbejder Google målrettet på at skade os i det skjulte
Jyske Bank er en af de største ejere af Bankdata – men nu har banken købt et nyt system hos konkurrenten BEC
Se alle »
Job & Karriere
Teaser billede
Pludselig exit fra Schultz kom som en overraskelse for Merete Søby: Derfor stoppede samarbejdet
Læs mere »
Danske Aeven flytter hele hovedkontoret med 600 medarbejdere til ny adresse og tager Sentia med
Microsoft klar med ny direktion for den danske forretning: Her er de nye direktører
Top-profilen Helle Huss ny direktør i Microsoft Danmark - tiltræder om to måneder
Se alle »
White paper
Teaser billede
SMB og cybertrusler: Brug sikkerhedsressourcerne optimalt
Læs mere »
Sæt turbo på din cloudperformance og minimér risikoen for DDoS-angreb
MDR: Transparent sikkerhed og overvågning i realtid
Sådan får du overblik og beskytter dine cloudapplikationer
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »