Note that there are some explanatory texts on larger screens.

plurals
  1. POWhy would you choose a fixed-width design?
    primarykey
    data
    text
    <p><strong>Update:</strong> I deleted my motivation because it seems to distract readers. This is not about "why don't you make your window smaller". See the screenshots and you will see obstructed text because of fixed width. See my reference to "em/ex" notation in CSS. I would like to have a real discussion here. Thank you.</p> <hr> <p>Now I would like to ask real experts on this topic -- I'm not a web designer -- why fixed width layout are still that popular and if there are really <em>good</em> reasons for it. (you are welcome to point out reasons against it as well.)</p> <ul> <li><p><strong>Is it too hard</strong> to design your layout relatively (from start on)? It seems some people even <a href="https://stackoverflow.com/questions/90595/how-to-implement-a-web-page-that-scales-when-the-browser-window-is-resized">forgot how to do it</a>.</p></li> <li><p><strong>Do you have real reasons</strong> like readability and just don't know how to deal with it correctly? Here I'm referring to pieces of wisdom, like it's harder to read longer lines (that's why newspapers use columns) -- but then, width should be given using <a href="http://htmlhelp.com/reference/css/units.html" rel="nofollow noreferrer"><code>em</code> and <code>ex</code></a>.</p></li> <li><p><strong>Are you forced</strong> by some <a href="https://stackoverflow.com/questions/456250/recommended-website-resolution-width-and-height">old guidelines</a>? In the dark old age of HTML, people did a <em>lot</em> of things wrong; now everybody finally uses CSS, but perhaps this one just sticked.</p></li> <li><p>Or are you like me, wondering why everybody is doing it "wrong"?</p></li> </ul> <p>To illustrate the issue, I want to give screenshots of negative examples first:</p> <ul> <li><a href="http://fopref.meinungsverstaerker.de/div_priv/stackoverflow.png" rel="nofollow noreferrer">StackOverflow</a> (here I can't even see what would make it <em>any</em> hard to fix it)</li> <li><a href="http://fopref.meinungsverstaerker.de/div_priv/filmstarts.png" rel="nofollow noreferrer">Filmstarts</a> (a german website which renders itself unreadable-if I don't take a reading-glass with me)</li> </ul> <p>And here is a positive example. It looks like a typical fixed with site (even with transparent borders), but it is not:</p> <p><a href="http://fsi.informatik.uni-erlangen.de/dw/" rel="nofollow noreferrer">Website on Wiki software</a> -- <a href="http://fsi.informatik.uni-erlangen.de/forum/" rel="nofollow noreferrer">associated Forums</a></p> <p>What do you think?</p> <p><strong>Update:</strong> Related questions: <a href="https://stackoverflow.com/questions/27381/should-websites-expand-on-window-resize">this one</a> and <a href="https://stackoverflow.com/questions/329900/css-fixed-or-float-layout">that one</a>.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload