Hvorfor du skal bruke fast og ikke flytende bredde på siden din

Denne posten er egentlig en liten frustrasjon ;) Jeg har mange en gang irritert meg over nettsider som bruker flytende bredde på sidene sine.

Hvorfor?

Jeg har en 22″ skjerm med 1680×1050px oppløsning. Det vil si at den er betydelig bredere enn en skjerm med 1024×768px oppløsning. Mange har også en enda større skjermer med enda større oppløsning. Hvis nettsiden da har et flytende design (fluid), så blir den veeeldig bred. Alt for bred for meg (og mange andre).

De fleste flytende design setter bredden på elementene i % og ikke i px. Når jeg da har en bredde på skjermen på 1680px, og bredden på hoved elementet (posten) er satt til f.eks. 80%, så vil teksten i posten bli ca. 1300px bred.

Når en tekst blir så bred, så blir den også vanskelig å lese, og en må bruke musepekeren til å holde rede på hvor en er i teksten. Dette er irriterende.

Nå er det nok sikkert en del med brede skjermer som ikke har nettleseren i fult vindu, men det har altså jeg. Synes det da er lettere og konsentrere seg om det jeg holder på med.

Mine tips

  • Ha alltid fast bredde på designet
    Lettere å lese for oss med store skjermer
  • Ikke gå over 1000px på bredden
    Mange sitter fortsatt på mindre skjermer og vil få en irriterende sideskroll for å se hele siden
[del.icio.us] [Digg] [Facebook] [Furl] [Google] [Ma.gnolia] [MySpace] [Reddit] [Slashdot] [Sphere] [StumbleUpon] [Technorati] [Windows Live] [Yahoo!] [Email]

Hvis du fant denne posten interessant, så vil du vel abonnere på min RSS feed!

4 kommentarer to “Hvorfor du skal bruke fast og ikke flytende bredde på siden din”

  1. Du burde kanskje skjekke ut denne: Fixed or fluid width? Elastic!

  2. Den var ikke dum :)

  3. Maksbredde på design er absolutt fornuftig på grunn av lesbarehet, men det er (som lenken til Kristin tilsier) mulig å lage «flytende» design selv om man bruker det.

  4. Yepp, ser det ;) Det som "irriterer" meg er, som nevnt, de som har bredde på over 1000px på hoveddelen.

Skriv en melding

You can use these XHTML tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

WPNorge.org -> WPStart.org

Jeg har besluttet og legge ned WPNorge.org, og heller konsentrere meg om WPStart.org. Grunnen er at jeg ikke lenger har tid til å holde begge sidene oppdatert.

Takk til alle som har fulgt denne siden, og velkommen til WPStart.org

Lettere WordPress

screenhunter_01-sep-04-1625.jpgWPLite er et innstikk der du kan fjerne det du ikke trenger i WordPress, selv skrivebordet i WordPress kan fjernes. Dette innstikke kan være nyttig for de som f.eks. setter opp en WordPress blogg for noen som synes det ser for komplisert ut og/eller ikke trenger alle funksjonene WordPress tilbyr.

Blanke WordPress temaer for utviklere

screenhunter_14-sep-02-1217.jpgNår en skal lage et eget tema til WordPress, så trenger man ikke begynne med helt blanke ark. Det finnes flere “start temaer” som gjør jobben lettere. Ønsker du ditt eget WordPress tema, så ta en titt på disse.

478 Temaer med 2 kolonner - Del 5

screenhunter_53-sep-06-2110.jpgHer er del 5 av serien med temaer for WordPress med 2 kolonner. Som del 1, 2, 3 og 4, så oppdateres også denne posten frem til 100 temaer.

Utvid teksten med “Expanding Text” innstikk

screenhunter_07-sep-01-1107.jpgDette innstikket er genialt for f.eks. FAQ-sider. Når brukeren klikker på et spørsmål, så dukker svaret opp under. Enkelt og oversiktlig.

400 Temaer med 2 kolonner - Del 4

screenhunter_29-aug-29-0033.jpgHer er del 4 av serien med temaer for WordPress med 2 kolonner. Som del 1, 2 og 3, så oppdateres også denne posten frem til 100 temaer.

232 Temaer med 3 kolonner - Del 3

screenhunter_21-aug-28-2355.jpgDe to første posten med temaer med 3 kolonner har kommet opp i 100 temaer, og her er del 3.

WordPress som fotoblogg - Temaer

screenhunter_19-sep-10-2249.jpgTemaer til WordPress som er spesielt beregnet på fotoblogger.

 

Clicky Web Analytics
Rodney's Bread Crumbs plugged in.