Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    May 2007
    Thanked 0 Times in 0 Posts

    CSS / HTML % problems


    I have just created a site:

    Now I used the percent value in positioning elements and I think that it looks ok.
    But when you resize the window the percent value seems to keep with the small window and all the links up the top become entangled.
    Is there a way to stop this from happening so that when you resize the window the text stays to the right like when you resize a pixels based code.
    eg. www.thecainfoundation.com


  • #2
    Senior Coder
    Join Date
    Nov 2003
    Minneapolis, MN
    Thanked 65 Times in 56 Posts
    The best thing to do would be to build the site with the text resizing expansion in mind — in this case, specifically, when resizing the text the tabs of the navigation don't expand with it so the links break their container and overlap each other.

    A good tutorial on how to build expanding tabs is ALA's Sliding Doors of CSS, hopefully that helps a bit.

    Other than that, just remember that any positioning based on pixels will not increase if the text is resized; positioning based on percentages (or em) will. Andrew K. (mindlessLemming, a one-time forum-ee) has a great presentation on his site about building flexible layouts mixing fixed and proportionate widths: http://leftjustified.net/site-in-an-hour/


    Posting Permissions

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