Flytande eller fast design?
Det är ett dilemma med texten. Ska den vara 600 pixlar bred (fast), eller ska den anpassas efter skärmstorleken, det vill säga 100 procent bred (flytande)?
Fördelen med fast design är att den som gjort sidan kan styra designen precis som han eller hon vill, ungefär som en tidningssida. Fördelen med flytande design är att besökaren kan styra utseendet precis som han eller hon vill.
Men vilket är egentligen bäst?
Kort svar: Det har jag ingen aning om.
Det jag däremot vet är att:
1. Man bör utnyttja Internet, och datorns, styrka.
Därför: flytande design bör användas och låta användaren bestämma över texten.
2. Man har i regel svårt att läsa text som sträcker sig från skärmkant till skärmkant.
Därför: fast design bör användas och låta texten endast vara en viss bredd.
Men hur ska man egenltigen kombinera dessa metoder? Kan man inte få det bästa ur två världar? Det skulle givetvis gå att sätta texten i fast bredd och allt runtomkring flytande, men det kan se konstigt ut, kanske till och med horribelt.
En annan lösning är att alltid använda flytande design. Då kan besökaren själv styra hur sidan ska se ut genom att anpassa webbläsarfönstret. Texten kan också radbrytas precis där man själv vill och den fungerar på samtliga plattformar. Vare sig det är en bildskärm på 12 eller 25 tum, handdator eller projicerad på en jättelik kupol. Det blir fullt möjligt först om flytande layout används. Mitt råd är att alltid använda flytande design om du inte har goda orsaker till att använda fast design.
Jag har dock ingen universallösning på problemet. Har du?
Jag skulle nog rekommendera en flytande design med en max-bredd (max-width) och ett IE-hack (eftersom IE inte förstår max-width)..
Roger Johansson har skrivit en artikel om detta på 456 Berea Street: http://www.456bereastreet.com/archive/200504/fixed_or_fluid_width_elastic/
Jag tror att mycket är en fråga om hur mycket man ska ha på sidan. Det brukar vara svårt att fylla ut en flytande desigen med tillräklickt mycket information. Tycker det är lagom på den här sidan, man ska flytande när man börjar ha en meny på varje sida, eller liknande och spalten med text i mitten blir för liten i 800px brädd. Då är det bra att användare som har en högre upplösning kan göra allt större. Annars blir det bara jobbigt att försöka läsa text som går över hela skärmen och ett enda stycke blir en rad.
Tricket med det jag beskriver i artikeln som Martin länkar till är att maxbredden är satt i enheten em, och därmed anpassar sig efter den textstorlek som besökaren har valt. Det fungerar riktigt bra tycker jag.
Hmm…. jag föredrar att sidor med fast layout fast det är mycket coolare med flytande….