Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
Thread: CSS / HTML % problems
05-29-2007, 12:05 PM #1
- 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.
05-29-2007, 06:23 PM #2
- 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/