Vad är den bästa bredden för en fast bredd sidlayout och varför?

Det finns två svar på denna fråga, och båda Svaren är baserade på den resolution som sidan visas i. För det första är bredden (skärmupplösning) används av människor visar sidan i deras webbläsare. Det andra är bredden på papper som används för att skriva ut webbsidan. Eftersom önskedröm om papperslösa kommunikation ännu inte har förverkligats, är båda viktigt att tänka på.

Jag rekommendera brukar användande vätska web layouter, eftersom de skala lättare, och de också tillåta förbrukaren till re storlek sina webbläsarfönster oavsett deras skärmupplösning. Som sagt, inser jag fullt ut att fast bredd layouter också har fördelarna.

Det första övervägandet för en fast bredd layout, är bredden på användarens skärm. Om du har samlat dessa statistik från din nuvarande webbplatsbesökare, bör då du tillgodose din nuvarande besökare bas. Om du inte har denna information, eller om detta är din första hemsida, kommer du behöva använda lite mer allmän statistik. Om du söker på Internet hittar du många olika platser som har samlat webbläsare statistik. Vid tidpunkten för denna skrift, de allra flesta hävdar att 1024 x 768 skärmupplösning har nästan 50% majoritet, med ett betydande antal använda upplösningen 800 x 600, och inga användare med lägre upplösningar än som (några tillförlitliga statistik finns på http://www.w3schools.com/browsers/browsers_display.asp). Efter vi redovisa fönster gränserna, etc. är en allmänt bra, fast bredd för en webbsida någonstans mindre än 980 pixlar för 1024 x 768 upplösning och mindre än 760 pixlar för 800 x 600 upplösning.

Utskrift är en något annorlunda historia. Nästan alla hem och kontor utskrift sker på 8.5x11 "papper (standard"brev"storlek). "Säkra" maxbredden tillåta utskrift på 8.5x11 "papper är 560 pixlar. Detta innebär att du har tre alternativ: 1) du kan anta att ingen av dina besökare kommer någonsin vill skriva ut dina webbsidor, 2) du kan begränsa din webbplats till 560 bildpunkter eller 3) du måste skapa CSS definitioner för både bredd och använda media = "Skriv ut" direktivet om din CSS tagg (se http://www.w3.org/TR/html4/struct/links.html#edef-LINK). Med denna metod, kan du också dölja vissa element som navigering träd eller ad banners, att göra den utskrivna sidan mindre rörigt.

För att sammanfatta:

  • Skriv din sida baserat på dina besökare.
  • 1024 x 768 upplösning, Använd en bredd mindre än 980 pixlar
  • för 800 x 600 upplösning, Använd en bredd mindre än 760 pixlar
  • för utskrift, Använd en bredd mindre än 560 pixlar
  • för utskrift och en bredare skärmupplösning, använda "media"-attributet i taggen css