Liquid Is The New Fixed

Lately I’ve found myself warming up to liquid width designs for websites. By liquid width, I’m referring of course to a design whose width adapts to the available browser real estate.

Perhaps it’s the stale verticality of weblogs, perhaps it’s merely because screens and resolutions are growing. In any case, I find myself going liquid more often than fixed.

For those of you about to go liquid, start by reading the archives of Douglas Bowman for a great primer.

11 thoughts on “Liquid Is The New Fixed”

  1. No no no, Fixed is the new liquid!

    (Once my centering floats technique is out elastic will be the new black – think erisfree.com)

  2. Chris says:

    Yes, well, I’m working on a whole design paradigm that I intend to call Newtonian. It’s liquid and fixed and not! Ha!

    Seriously, stop giving me ideas. I request a moratorium on ideas until I finish my next design.

  3. Joen says:

    James AkaXakA said:

    No no no, Fixed is the new liquid!

    (Once my centering floats technique is out elastic will be the new black – think erisfree.com)

    Elastic ?

    Wow, let me know how that goes.

    Chris said:

    Yes, well, I?m working on a whole design paradigm that I intend to call Newtonian. It?s liquid and fixed and not! Ha!

    Seriously, stop giving me ideas. I request a moratorium on ideas until I finish my next design.

    Ignore me for now, and keep doing what you’re doing. If you do it right, going liquid should be really easy.

    Oh and by the way, left aligned might be the new pink.

  4. Jonas Rabbe says:

    A bit funny, I’m actually thinking of going fixed (my current design is liqiud, but annoys the hell out of me at 1600 × 1200). I have some inspirations that I might turn to when I transfer Susan’s site to WordPress (something that is long overdue), pink might be involved…

  5. Joen says:

    Jonas Rabbe said:

    A bit funny, I?m actually thinking of going fixed (my current design is liqiud, but annoys the hell out of me at 1600 ? 1200). I have some inspirations that I might turn to when I transfer Susan?s site to WordPress (something that is long overdue), pink might be involved…

    Nonononono, don’t you do that! You COULD have the cake and eat it too!

    min-width and max-width is the coolness:

    #container {
    width: 85%;
    min-width: 780px;
    max-width: 1400px;
    margin: 0 auto;
    }
    

    Try it! You’ll like it!

  6. Chris says:

    min-width and max-width is the coolness:

    So, were just ignoring IE then? I thought IE didn’t have support for one or both of those.

  7. umayr says:

    Joen, id like to learn liquid design, well i would like to learn css too.. im so shit at programming of anysort.. but css and liquid designs is what i am looking for… any help?

  8. Joen says:

    Chris said:

    min-width and max-width is the coolness:

    So, were just ignoring IE then? I thought IE didn?t have support for one or both of those.

    La la la la la LA LA LA LA I can’t hear you LA LA LA LA.

    umayr said:

    Joen, id like to learn liquid design, well i would like to learn css too.. im so shit at programming of anysort.. but css and liquid designs is what i am looking for… any help?

    I find myself always recommending this article as a good primer for CSS based design. As for liquid in specific, the stop design article I linked in this article, AFTER you read the beforementioned.

  9. Nik says:

    La la la la la LA LA LA LA I can?t hear you LA LA LA LA.

    There seems to be a lot of this recently! šŸ™‚

    Is everyone here starting to just not want to deal with IE and its idiosyncrosies? It seems Michael at binarybonsai has already started to forget about IE, simply stating “Binary Bonsai does not support IE. Life is simply too short”

    What’s the deal? Or is this something that deserves another post?

  10. lm says:

    i bet the orange will be new pink align: left.

    Just over your border on BereaStreet

    was some workaround for IE max width…

    And to comment on a last comment.

    Yes we all will buy macs and use Camino – this is a new black indeed

  11. Chris says:

    Is everyone here starting to just not want to deal with IE and its idiosyncrosies?

    Yes. It’s not simply a matter of idiosyncrasies. It is an interminable stubborness of Microsoft that they are not idiosyncratic. The differences between WebKit and Mozilla and Opera, those are idiosyncracies. Internet Explorer is just down right hostile towards some semblance of standards.

    Quite simply, I’m done with hacks. Those that visit my site are bright enough to be using Firefox or some other compliant browser. Those that insist on using IE, I’ve told them often enough to get with the program. I can only beat a dead horse but so many times. After a while, you’re just making a bloody mess.

Comments are closed.