SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Enthusiast
    Join Date
    Nov 2009
    Location
    USA
    Posts
    60
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Is it ok to make your left side Nav bar liquid?

    Hi I have a couple of doubts about making my entire layout liquid. I made my wrapper and all the elements inside of it liquid (giving them percentages instead of px' or em's), including my left-side Nav bar. I followed the examples in the CSS Mastery book, written by Andy Budd, although I've read in articles that you shouldn't make your left-nav liquid, but rather fixed. Does anyone know if this is indeed a good practice in reality or if it might cause me trouble. Thank you.

  2. #2
    Barefoot on the Moon! silver trophy Force Flow's Avatar
    Join Date
    Jul 2003
    Location
    Northeastern USA
    Posts
    4,606
    Mentioned
    56 Post(s)
    Tagged
    1 Thread(s)
    If someone is using a widescreen and/or large monitor, things may get stretched out further than you'd like.

    In that case, max-width or keeping the nav area fixed may be necessary.
    Visit The Blog | Follow On Twitter
    301tool 1.1.5 - URL redirector & shortener (PHP/MySQL)
    Can be hosted on and utilize your own domain

  3. #3
    SitePoint Wizard bronze trophy bluedreamer's Avatar
    Join Date
    Jul 2005
    Location
    Middle England
    Posts
    3,361
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    There's nothing wrong with using % based width at all, but as Force Flow pointed out it's worth testing on as many different devices as possible or restricting maximum width.

    If the sidebar gets too wide on some screen resolutions you could always experiment with things like aligning text links to the right, instead of left.

  4. #4
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,888
    Mentioned
    122 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by mpiantella View Post
    Hi I have a couple of doubts about making my entire layout liquid. I made my wrapper and all the elements inside of it liquid (giving them percentages instead of px' or em's), including my left-side Nav bar. I followed the examples in the CSS Mastery book, written by Andy Budd, although I've read in articles that you shouldn't make your left-nav liquid, but rather fixed. Does anyone know if this is indeed a good practice in reality or if it might cause me trouble. Thank you.
    If you have constraints on the overall page size (ie max-width and min-width) then a sidebar that scales with the page can work well. If you don't have a min-width on the page, you should certainly think about applying one to the sidebar, or else it might get too narrow to fit more than a few characters in.

    On the other hand, most sites - even those that do have a liquid or fluid page size - do stick with a fixed width for the main sidebar. This is primarily because it's usually pretty narrow to start with, so many designers will set it to be a width that works well at typical font sizes, given the length of text in the labels (ie, you will very often want to ensure that each item appears on a single line rather than wrapping - it's easier to get that to happen for most people with a fixed width sidebar).

  5. #5
    SitePoint Enthusiast
    Join Date
    Nov 2009
    Location
    USA
    Posts
    60
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi thank you. I have added mix-width of 125em. Now my screen resolution is of 1366 x 768. In my screen seems fine. I'm working on making it nicer when smaller, but overall looks fine. Should I worried about higher screen resolutions?
    Thanks.


Bookmarks

Posting Permissions

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