Søg
Avatar billede zebratan Nybegynder
29. juli 2009 - 12:51 Der er 12 kommentarer og
1 løsning

Web-side der kun tilpasser sig størrelsesmæssigt hvis for stor til browser-vindue?

Det her kan potentielt set også være et flash, java el. css spørgsmål jeg ved ikke helt hvor løsningen ligger gemt...

Overskriften siger næsten det hele. Findes der en måde hvorpå man kan tilpasse en hjemmeside i størrelse hvis den er for stor til browser vinduet. Det skal her nævnes at jeg her snakker om en flash hjemmeside, der i IE7 i opløsningen 1024x768 er en smule for stor. Jeg er klar over at man kan sætte width og hight til procent i html dokumentet, problemet er bare at det samtidig forstørre siden hvis der er plads i browser vinduet som der f.eks er i 1280x1024 i mit tilfælde og det er jeg ikke interesseret i.

At reprogrammere siden i en eller anden form for fluent design er umiddelbart ikke en løsning, med mindre dette kan gøres meget let...og forholdsvis hurtigt, jeg er lidt i tidsnød og jeg er ikke så erfaren...

Jeg har altså brug for en løsning til en færdig lavet flash-side der formindsker denne hvis der ikke er plads i browser vinduet, men efterlader den uændret hvis der er plads...?

På forhånd tak for alt den hjælp jeg måtte få...
Avatar billede olebole Juniormester
29. juli 2009 - 13:56 #1
<ole>

Har du nogensinde set Wikipedia i en opløsning på 1920x1200? Så vil du vide, hvorfor det ikke er en god idé bare at tilpasse en side til et stort vindue  ;o)

/mvh
</bole>
Avatar billede zebratan Nybegynder
29. juli 2009 - 14:08 #2
Jeg tror du misforstår mig:) Det er lige netop det jeg ikke vil. Jeg vil beholde "original" størrelsen på min side i store opløsninger hvor der er plads til den. Jeg vil kun resize hvis der ikke er plads, altså typisk i små opløsninger. Altså kun mindre, aldrig større...

Jeg leder efter noget der kan resize, men kun op til en hvis størrelse...
Avatar billede olebole Juniormester
29. juli 2009 - 14:18 #3
max-width, max-height:
    http://www.w3.org/TR/CSS2/visudet.html#min-max-heights

Virker dog ikke i IE6 - hvor man må rode sig ud i noget JavaScript ... eller blæse på, at siden bliver lidt mindre køn hos folk, der ikke gider opdatere deres browser  =)
Avatar billede olebole Juniormester
29. juli 2009 - 14:20 #4
PS: og ja, jeg havde misforstået dit spørgsmål 180°  ;o)
Avatar billede magic-mouse Novice
29. juli 2009 - 15:15 #5
Ok .. problemet er nemt løst hvis:
Du koder det i asp, asp.net eller php. Min erfaring med JSP er ikke så god at jeg kan hjælpe dig der.

Men det du kan gøre er i pageload (header) at lave et lille script der checker hvad skærm opløsningen er (Gøres nemt læs evt. på det sprog du bruger eller skriv hvad det er så skal jeg guide dig). hvor efter du bare ændre på link stien til dit CSS, Woala.

Lidt ala:


If(Screen.PrimaryScreen.Bounds.Width >= 1024>)
{
css = cssX;
}
else if(Screen.PrimaryScreen.Bounds.Width < 1024>)
{
css = cssY;
}


Dette kræver dog også at du har kodet det hele korret så du sætter hele sitet op med CSS.

Har du et link så vi kan se hvad du laver? Det gør det meget nemmere.
Avatar billede olebole Juniormester
29. juli 2009 - 15:56 #6
Det er aldrig nogen særlig god løsning at bruge flere stylesheets - eller scripting - til at layoute en webside med. Når det så endda kan løses med ganske alm. standard CSS, er der næppe grund til at skyde sig selv i foden  ;o)
Avatar billede magic-mouse Novice
29. juli 2009 - 16:13 #7
Det har du så ret i.
Men det bedste alternativ ville så være at sige: "Vi har ramt en dato hvor man må forvente sig af sine brugere at have en skærm med en opløsning på #### x ####".

Gå ind på sin statestik og kigge på hvad brugerene har. Om der i det heletaget er et behov for at yde den service, og hvis der er om det er pengene (/tid) værd at lave den.

Ie. Hvis du har 2000 besøgende om dagen og der er 1-2 brugere der har en opløsning der er mindre end 1280 * 1024, er det så energien værd?

Men nu var spørgsmålet at få en løsning der fungere.

At reprogrammere siden i en eller anden form for fluent design er umiddelbart ikke en løsning, med mindre dette kan gøres meget let...og forholdsvis hurtigt, jeg er lidt i tidsnød og jeg er ikke så erfaren...

Her snakker vi om at smide en "if" sætning ind. Nemt og hurtigt. Samt ændre de værdier til noget mindre i CSS dokumentet. Altså ændre nogle tal.

Hurtigt og nemt. Og det er noget der i de fleste tilfælde kan copy pastes.

Måske ikke den bedste løsning men den følger alle krav stillet.
Avatar billede zebratan Nybegynder
29. juli 2009 - 16:35 #8
Tak for jeres svar. Jeg har i det hele taget lidt at lære om css, men jeg kigger på det. Det lyder som om jeres løsninger er noget jeg kan bruge, nu skal jeg bare finde ud af at eksekvere dem:)

Hvis I vil have point, skal I vist skrive et svar og ikke en kommentar...men så er der også point hele vejen rundt:)

Tak for hjælpen...
Avatar billede magic-mouse Novice
29. juli 2009 - 16:50 #9
Som sagt hvis du har noget mere konkret kan jeg komme med noget mere konkret hjælp. Ellers hvis det har interesse kan jeg smide nogle links i din retning om hvordan det kan gøres.

Ellers hvis du har skype eller msn, skulle det også kunne findes ud af. Har bare ikke så meget tid før efter weekenden, da vi har gæster og en U2 koncert der skal overstås.

Ellers smid pointsne til ole :)
Avatar billede olebole Juniormester
30. juli 2009 - 09:23 #10
Der er næppe noget, meget lettere end:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Titel</title>
<style type="text/css">
html, body {
    height:100%;
    margin: 0;
    padding: 0;
}
</style>
</head>
<body>

<div style="width:100%;height:100%;max-width:900px;max-height:500px;background:yellow">Blabla</div>

</body>
</html>

- og 900x500 svarer ca. til det tilgængelige område i en IE ved 1024x768 ... naturligvis afhængig af bl.a. antallet af søgebarer, m.m.
Avatar billede olebole Juniormester
30. juli 2009 - 09:23 #11
- og svaret  =)
Avatar billede zebratan Nybegynder
30. juli 2009 - 19:06 #12
Super. Tak for dit eksempel. Det bliver prøvet med det samme...
Avatar billede olebole Juniormester
31. juli 2009 - 10:54 #13
Tak for points  =)
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 HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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 09:07 CCleaner licens Af Slawomir i Andet software
01/1223:17 PC kan kun boote direkte i bios Af kurtba i PC
01/1209:15 Systemgendannelse Af barth i Andet software
30/1114:46 Samsung telefon med problemer Af erikjacobsen i Mobiltelefoner
29/1121:14 Skifte Processor ? :) Af Suldrup i Andet software
White papers
Flere white papers »