Results 1 to 6 of 6

Thread: Resolutions for Liquid Layouts and JS Libraries

  1. #1
    Cormac Moylan Cormac's Avatar
    Join Date
    Jan 2006
    Location
    Cork
    Posts
    1,263
    Post Thanks / Like

    Default Resolutions for Liquid Layouts and JS Libraries

    Hi guys,
    I'm in the middle of developing a liquid css layout which gets really skewed up when the user resizes their browser to 800*600 or less. I have heard that some JS libraries such as prototype.js and jquery can help prevent fluid css breaking during browser resizing.

    I'm just wondering if anyone has used a similar method or if you know of a tutorial/article demonstrating how to implement this? Google isn't being frienly with her search results thus far!

  2. #2
    SMB.
    Join Date
    Oct 2006
    Posts
    455
    Post Thanks / Like

    Default

    why are you bothering with liquid layout?
    ----
    @GamblingSEO

  3. #3
    Cormac Moylan Cormac's Avatar
    Join Date
    Jan 2006
    Location
    Cork
    Posts
    1,263
    Post Thanks / Like

    Default

    I'm just after joining the development team and they have been working on the site for the past year using liquid layouts as it was specified by the client.

    Obviously a very bad design choice

  4. #4
    SMB.
    Join Date
    Oct 2006
    Posts
    455
    Post Thanks / Like

    Default

    Quote Originally Posted by Cormac View Post
    Obviously a very bad design choice

    aye there are plenty of reasons against Liquid layouts alright (apart from maintaining sanity for the developer(s))

    Congrats on the new job b.t.w - I expect you to be freelancing and dominating in due course - and shipping megabucks
    ----
    @GamblingSEO

  5. #5
    Coder
    Join Date
    Feb 2007
    Posts
    34
    Post Thanks / Like

    Default

    Quote Originally Posted by Cormac View Post
    Hi guys,
    I'm in the middle of developing a liquid css layout which gets really skewed up when the user resizes their browser to 800*600 or less. I have heard that some JS libraries such as prototype.js and jquery can help prevent fluid css breaking during browser resizing.
    You should be able to fix this easily by setting a min-width value of 800px (or other) on the wrapper element of your layout. There are some straight-forward hacks for getting min/max-/width/height to work on IE.

    Min-Height Fast Hack

  6. #6
    Senior Member louie's Avatar
    Join Date
    Jan 2006
    Location
    Dublin, Ireland
    Posts
    2,423
    Post Thanks / Like

    Default

    when you work with liquid layouts, you are not supposed to use fix values anymore like width:100px, probably the reason you are having problems now if the browser is manually resized.

    if you start in % then you have to work and finish it that way.
    the biggest problem that way is padding and margins not rendering the same in some browsers.
    :. Web Design & Development Web Design Ireland
    :. Search Engines Optimization Search Engines Optimization
    :. Car Parts & Accessories Car Parts
    :. Cars Ireland Cars Ireland
    :. I Have 2 Find It Directory SEF Directory

Visitors found this page by searching for:

layouts for libraries

http:www.irishwebmasterforum.comcoding-help2428-resolutions-for-liquid-layouts-js-libraries.html

layouts em JS

liquid.js forum

fluid HTML layout libraries

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •