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 går 22:30 Underlig meddelelse på skærmen Af Jordegern i E-mail programmer
I går 15:56 Navigation i Peugeot 3-2008 fra 2017 Af arnepedersen i Andet software
I går 14:10 Outlook henter ikke mails Af TTA i Office & Kontorpakker
I går 13:58 vise billeder i kartotek med store ikoner inklusive optagelsesdato Af Malm i Billedbehandling
I går 13:35 Adobe Elements 2019, Organizer Crasher Af mort1 i Billedbehandling
White papers
Flere white papers »


Premium
Teaser billede
Vil købe tele-løsninger til det offentlige for 370 millioner kroner
Læs mere »
Efterspørgslen på AI-regnekraft er enorm - og det smitter af på priserne: "Vi kan sælge næsten alt, hvad vi får ind"
Nyt værtøj fra Microsoft: Snart kan du reparere nedbrudte Windows-enheder på distancen
Politiet skriver kontrakt på 75 millioner kroner med dansk it-firma: Medarbejdere skal flytte ind hos politiet
Se alle »
Computerworld
Teaser billede
Microsofts nye pc er ekstrem billig – men kan blive ekstrem sikker og fleksibel
Læs mere »
Test: Prøv kun disse B&O-hovedtelefoner, hvis du har råd
Kæmpe datalæk på hospital: 750.000 patienters fortrolige data lækket
Telegigant klar med AI-baseret mormor: Holder telefon-svindlere fast i røret med sniksnak og dumme spørgsmål
Se alle »
CIO
Teaser billede
Konsulenthus vil rulle Microsoft 365 Copilot ud til 200.000 ansatte
Læs mere »
Kæmpe-opgave for Danske Bank har banet vej for fuldautomatiseret migrering til cloud: Nu udbredes metoden i hele AWS
Microsofts store årlige event: De tre vigtigste nøglebudskaber fra Satya Nadella om Microsofts fremtid
Tre vigtige erkendelser, som Computerworld tog med hjem fra Gartners store topmøde i Barcelona
Se alle »
Job & Karriere
Teaser billede
Microsoft klar med ny direktion for den danske forretning: Her er de nye direktører
Læs mere »
Efter skelsættende møde med sportscoach: Stor dansk it-arbejdsplads indfører fredags-fri og isbade i arbejdstiden
Linus Torvalds giver russiske Linux-udviklere sparket: Vil ikke have noget med dem at gøre
Topchef Sara Green mener, at der er brug for et radikalt nyt syn på it-ledelse - særligt én ny trend hader hun som pesten
Se alle »
White paper
Teaser billede
Styrk compliance, sikkerhed og overblik med ét hug
Læs mere »
Vær proaktiv og prioritér IT-sikkerheden – før det er for sent
Sikkerhed uden grænser: Cisco Hypershield
Cyberstatus 2024: Her er truslerne – og her forbereder virksomhederne sig
Se alle »

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