Gå til innhold

Hjelp med å tilpasse side etter ulike oppløsninge?


Anbefalte innlegg

Hvordan tilpasse en webside sånn at den passer alle oppløsninger? At den ser lik ut uansett hva slags skjerm/ oppløsning man har? Lager en side der jeg bruker et JPG bilde som layout. Når jeg forhåndsviser denne kommer bildet utenfor vinduet...

Lenke til kommentar
Videoannonse
Annonse

Jeg har gjort noe slikt som du beskriver (hvis jeg ikke har misforstått)

Se på denne

Der har jeg et bilde på 17x700px som repeteres bortover.

Så har jeg et stort bilde på 800x700px som har grafikken.

Tilslutt så har jeg bakgrunnsfargen som er nederst på graderingen på hele hjemmesiden.

 

17x700:

post-61117-1182190684_thumb.jpg

 

800x700:

post-61117-1182190741_thumb.jpg

 

Var det noe slikt du mente?

Lenke til kommentar

Jo jeg hadde først et mindre, men han som skal ha siden har en 20" skjerm og lurte på om det ikke gikk an å få siden til å fylle hele skjermen. Jeg har en 17" og hos meg fyller den hele.

 

Ja, men hun vil ha det likt.

 

Og jeg ser ikke problemet her, er det ikke bare a bruke et mindre jpg bilde da?

8891820[/snapback]

Lenke til kommentar

Ved å ikke sette statisk bredde på elementer, vil siden alltid fylle vinduet i nettleser uansett størrelse, eventuelt sette statisk bredde til rundt 1000 pixler (eksempel) og sentrere hovedcontaineren (<html>). Da ser den lik ut over alt, men vil få større rom mellom venstre og høyre side hos dem som kjører høy oppløsning.

Dem som kjører mindre enn 1024 pixler i bredde tar vi ikke hensyn til...

Endret av neitakk
Lenke til kommentar

Men da blir jo ikke siden lik.. som hun ville

 

Ja, jeg vet jeg er vanskelig na. Og jeg forstar at det hun egentlig mener er at den skal fylle skjermen i alle opplosninger. Men da blir den jo ikke lik :p

 

men et flytende design er ikke bra alltid, men du ma ihvertfall ikke bruke et .jpg bilde som bakgrunn. Men du ma kode det med HTML ;)

Lenke til kommentar

Her er bruk av CSS den beste løsningen, men ikke nødvendigvis den enkleste. Mitt tips er å legge ned en innsats for å lære seg CSS. Når du først har lært deg CSS vil det å lage websider både bli morsommere og enklere.

 

Et eksempel på flytende oppsett

 

Floatutorial gir en god innføring i oppsett av flytende oppstilling(liquid layout).

 

A List Apart har laget en meget god samling av guider.

Lenke til kommentar

Merk at A List Apart ironisk nok kjører statisk bredde. Personlig har jeg iallefall kommet frem til at det til syvende og sist er best å presentere innholdet statisk. Før eller siden kryper man til korset. Men det kommer selvsagt helt an på hva som skal presenteres. Skal man presentere tekst, noe man som oftest gjør på en nettside, kan man få alt for lange setninger per linje hvis skjerm er i veldig høy oppløsning. Det er ikke ideelt.

Endret av neitakk
Lenke til kommentar

Tusen takk for mange svar:) Skal se hva jeg får til;) Siden ser kjempebra ut på min skjerm, men på en annen maskin her i huset ser det ikke bra ut i det hele tatt, da "forsvinner" liksom siden sånn at man må scrolle for å se hele.

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...