Problem ang sidas storlek i olika upplösningar.

Hej!

Det är såhär att jag hjälpt en kompis med hans företagshemsida. Projektet har tagit relativt lång tid och han har blivit mycket nöjd med resultatet! Problem uppstod dock då vi slängde över sidan på hans dator för att titta på den.

Mitt problem är följande:

Eftersom vi har olika upplösningar på våra datorer så ser sidorna totalt olika ut på våra skärmar. Jag har varit klantig nog att bygga sidan utifrån min upplösning på 1280 x 800 px. På hans dator där upplösnigen ligger på (ungefär?) 1200 x 700 eller något sånt så är man tvungen att skrolla i sidled för att se hela sidan. Detta är självklart mycket störande och frågan är om det ens är acceptabelt.

Frågan är om det finns något sätt att ställa detta problem till rätta, så att sidan ser bra ut i vilken upplösningman än ser den i?

Jag har byggt sidan i DIVAR, HTML, CSS där tillexempel css koden för header ser ut på följande vis:

#header {
position:absolute;
left:150px;
top:23px;
width:976px;
height:96px;
z-index:34;
}

Hoppas att ni förstår hur jag menar!
Tusen tack i förhand på svar!

Mvh, Philip

Det finns ingen enkel fix. Du måste helt enkelt ändra "width" på alla divvarna.

Det bästa är om man bygger så att sidan kan växa till en viss width så att besökare med högre uppläsning kan utnyttja den, medan besökare med lägre upplösning fortfarande inte behöver scrolla.

Okej! Tack för snabbt svar.

Ändra width så att sidan helt enkelt blir mindre, eller hur menar du?

Jag hörde någonstans att jag kunde ställa in någonting med % så att sidan blev lika stor i alla upplösningar. Stämmer detta?

Tack, Philip

Du kan använda exempelvis % för att göra måtten på din sida relativa men det krävs ändå att du går igenom koden och sidan en gång till för att fixa det. Du kan ju också använda en kombination av exakta och relativa mått för att låta vissa delar av sidan växa när det finns möjlighet till det och på så sätt anpassa sig efter användarens upplösning.

Någon enkel tagg för att skala ner hela sidan så att den ser bra ut även i andra upplösningar finns det tyvärr inte.

Om jag läser CSSen rätt så har du innehåll som är 976px brett.
Men du flyttar sidan åt höger 150px.
Varför inte skippa att flytta den och istället centrera sidan?
Då får det plats på ner till 1024x768 upplösning.

Prova lägga margin: 0px auto; på själva containern, alltså hela sidans DIV. Då kommer sidan vara i mitten.