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 07:53 Kan jeg lave en "søg og erstat" i databasen Af a3-seo.dk i MySQL
I går 11:30 Ændre det aller første billed, man ser ? Før man skriver koden (Windows 11) ... Af Ikke-ekspert i Windows
I går 10:47 NUM. tastatur og pc indbygget mus virker ikke. Af arnepedersen i Excel
I går 04:32 Korrupt CF kort Af Mozcan i Foto & video
26/1221:34 install.esd og boot.wim Af sjass i Windows
White papers
Flere white papers »


Premium
Teaser billede
Ny leverandør har netop underskrevet kontrakt med Kombit om kæmpe dansk bibliotekssystem
Læs mere »
M365 Copilot kan blive hurtigere og billigere: Microsoft åbner for alternativer til OpenAI
Ny europæiske supercomputer med 14.000 GPU’er sætter danske Gefion til vægs: Skal bruges til at udvinde kulsort energi
Nye skatteregler for kryptovaluta udskydes: Vil påvirke 300.000 danskere
Se alle »
Computerworld
Teaser billede
Til næste år kommer iPhone 17 – og ifølge rygtestrømmene vil den byde på tre nyheder
Læs mere »
Her er dommen: Region Syddanmark skal betale historisk stor bøde for grove overtrædelser af GDPR
En af verdens største it-distributører dropper samarbejdet med Broadcom: Kunne ikke nå til enighed
Netværkstest: Første mesh-sæt med komplette WiFi 7-features sætter nye rekorder for dækning og hastighed
Se alle »
CIO
Teaser billede
En af verdens største it-distributører dropper samarbejdet med Broadcom: Kunne ikke nå til enighed
Læs mere »
Vores vidensindsamling og demokratiske samtale påvirkes af helt lukkede beslutninger i en enkelt privat virksomhed
Den danske ungdom ser intet formål i at arbejde med it
CISO Sarah Aalborg forlader Tivoli: Her er hendes planer for fremtiden
Se alle »
Job & Karriere
Teaser billede
Microsoft klar med ny direktion for den danske forretning: Her er de nye direktører
Læs mere »
Merete Søby klar med nyt top-job efter pludselig exit fra Schultz: Her er hendes nye job
Linus Torvalds giver russiske Linux-udviklere sparket: Vil ikke have noget med dem at gøre
Dansk headhunter: Dette spørgsmål bliver jeg næsten altid stillet, når jeg forsøger at rekruttere it-folk
Se alle »
White paper
Teaser billede
Beskyt virksomheden mod trusler – og hold ressourceforbruget nede
Læs mere »
Sådan gør du: Elektronisk dokumentudveksling i praksis
Governance, Risk & Compliance: Knyt stærke bånd mellem forretning og sikkerhed
Derfor kræver AI, cloud og sikkerhed et stærkere netværk
Se alle »

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