Hur bär ni er åt för att sidan ska visas optimalt i olika browsers med olika upplösningar? Så att den så sällan som möjligt blir för bred, för smal, felplacerad eller för kort.
Hur visa sidan optimalt?
12 svar · 1 099 visningar · startad av olarsson
Om den är för svensk/västerländsk publik så har man tidigare fått nöja sig med en bredd på 750-770px för att passa i 800px bredd i upplösningen om man snackar om fast bredd. Men nu har folk som regel skaffat bättre/större skärmar och kör med högre upplösning så att man kan i alla fall gå upp till 900-1000 px. De sm ligger kvar på 800px bredd får skrolla en aning i sidled, men det verkar dom acceptera...
Men du kan ju alltid göra flexibel bredd, eventuellt med minimibredd.
olarsson skrev:
Borde det inte gå att läsa av skärm upplösning med Javascript och anpassa sidan därefter?
Man ska helst undvika sånt, av flera skäl.
Gör sidan bredd i % så kommer den visas bra i alla upplösningar. Om du inte gör det så kan du skita i att anpassa sidan till 800px i bredd i 9 fall av 10. Eftersom det är en sån liten del som använder den skärmupplösningen och då är de säkert vana att scrolla i sidled, pluss att en sida anpassad till 800 i bredd ser löjlig ut på widesreen-skärmar.
...
Man ska helst undvika sånt, av flera skäl.
Jasså det vore intressant att få höra vilka skäl. Ett skäl kunde vara att alla inte har stöd för javascript.
Gör sidan bredd i % så kommer den visas bra i alla upplösningar. Om du inte gör det så kan du skita i att anpassa sidan till 800px i bredd i 9 fall av 10. Eftersom det är en sån liten del som använder den skärmupplösningen och då är de säkert vana att scrolla i sidled, pluss att en sida anpassad till 800 i bredd ser löjlig ut på widesreen-skärmar.
Ett problem som jag har märkt är att bredderna i procent inte blir korrekt ihoplagda i IE. Vill man lägga tre ellement brevid varandra som har 25% 50% och 25% i bredd så kan man inte lägga dem i en behållare som är 100% bred.
Ett annat problem med bredden i procent är att min sida blir för kort på skärmar med stor upplösning. Om jag har en sida som går ned för hela skärmen på en viss upplösning och sedan övergår till en större så täcker sidan plötsligt bara halva skärmen nedåt, vilket ser dåligt ut.
en flytande layout med max-width och min-width. Om du ska använda dig av en fast bredd så försök få tillgång till statistik, om sidan finns sen tidigare, för att ta reda på vem besökaren är.
...
Okkido skrev:
en flytande layout med max-width och min-width. Om du ska använda dig av en fast bredd så försök få tillgång till statistik, om sidan finns sen tidigare, för att ta reda på vem besökaren är.
IE har väll inget stöd för max- och min-width.
Jag har sett så ofta den sista tiden att man inte längre tar hänsyn till de som inte kan använda vanliga tangentbordet. Hur är det nu för tiden? För bara något år sedan blev sidorna drygt 600px breda i deras program. Ingenting som syntes i statistiken eftersom skärmen i sig hade högre upplösning. Någon som vet hur det ser ut för flertalet av dem i dag? De hade det verkligen besvärligt att scrolla horisontellt.
Själv försöker jag alltid att få sidans innehåll att placera sig under varandra när man närmar sig den bredden, med att ha float i divvarna.
olarsson skrev:
Jasså det vore intressant att få höra vilka skäl. Ett skäl kunde vara att alla inte har stöd för javascript.
Nja... inte så mycket det. Det är nog mest utvecklare/geeks på Linux eller Solaris som slår av js-stöd för att visa hur coola dom är. ;)
Det är snarare att en användares fönsterbredd inte alltid har med upplösningen att göra. Folk kan ju ha 1600px på bredden men ändå föredra t.ex. 800px brett webbläsarfönster. Om du då med ett javascript börjar bråka med hur han vill se webbsidorna och tvingar honom till något han inte vill ha, så retar du bara upp honom snarare än hjälper.
"Less is more". Krånglar man till saker blir det lika ofta bara värre....
nilleonline skrev:
pluss att en sida anpassad till 800 i bredd ser löjlig ut på widesreen-skärmar.
Jag kan ju bara tala för mig själv men jag surfar aldrig i helfönster med min 22" wideskärm. Då är 800 px i bredd perfekt, man kan ha två fönster öppna samtidigt.
Poteta skrev:
Jag kan ju bara tala för mig själv men jag surfar aldrig i helfönster med min 22" wideskärm. Då är 800 px i bredd perfekt, man kan ha två fönster öppna samtidigt.
Jo, poängen med större skärmar/högre upplösning är ju precis det: man slipper täcka hela skärmen med ett enda fönster.