SitePoint Sponsor |
|
User Tag List
Results 1 to 10 of 10
-
Oct 17, 2008, 14:45 #1
- Join Date
- Apr 2002
- Posts
- 395
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Setting limitations on my fluid design.
I have a fluid design. It's made-up of 3 columns, and goes something like this:
HTML Code:<table ID="wrapper" width="100%"><tr><td> <table ID="columns" width="100%"> <tr> <td width="20%"> Left Column </td> <td width="60%"> Center Column </td> <td width="20%"> Right Column </td> </tr></table> </td></tr></table>
However, I recently used a large monitor with a large resolution and my site did not look good. The columns had too much blank space.
So, I want to set a max width for the columns. I still was the fluid design, but to certain limitations. For example, I want the side columns never to have width over 200 pixels, and the center column never to be over 800 pixels in width. How can I do this?
-
Oct 17, 2008, 15:00 #2
- Join Date
- Dec 2006
- Posts
- 188
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
CSS properties max-width
IE 6 and below will have issues with that so you have to use a workaround for those browsers.
-
Oct 17, 2008, 20:22 #3
- Join Date
- Oct 2008
- Location
- Whiteford, Maryland, United States
- Posts
- 13,782
- Mentioned
- 16 Post(s)
- Tagged
- 0 Thread(s)
The max-width and max-height properties exist for what you want.
http://brajeshwar.com/2002/min-heigh...ht-max-height/
This article explains how to use max-height for IE6Always looking for web design/development work.
http://www.CodeFundamentals.com
-
Oct 17, 2008, 20:39 #4
Why use tables?
-
Oct 17, 2008, 20:45 #5
- Join Date
- Oct 2008
- Location
- Whiteford, Maryland, United States
- Posts
- 13,782
- Mentioned
- 16 Post(s)
- Tagged
- 0 Thread(s)
It might be tabular data for all we know, but that really isn't the point of the thread.
Always looking for web design/development work.
http://www.CodeFundamentals.com
-
Oct 18, 2008, 12:53 #6
-
Oct 18, 2008, 20:17 #7
- Join Date
- Apr 2008
- Location
- Dublin, Ireland
- Posts
- 461
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
-
Oct 18, 2008, 21:03 #8
- Join Date
- Oct 2008
- Location
- Whiteford, Maryland, United States
- Posts
- 13,782
- Mentioned
- 16 Post(s)
- Tagged
- 0 Thread(s)
Actually sometimes assuming makes you right, assuming things about certain things is good. However this isn't the case always, assuming a girl wants you is bad. Assumine a 2 column layout iwth floats and 40% width on each with some padding IS good to assume.
Always looking for web design/development work.
http://www.CodeFundamentals.com
-
Oct 26, 2008, 22:00 #9
- Join Date
- Apr 2002
- Posts
- 395
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Thank You
-
Oct 27, 2008, 06:21 #10
- Join Date
- Oct 2008
- Location
- Whiteford, Maryland, United States
- Posts
- 13,782
- Mentioned
- 16 Post(s)
- Tagged
- 0 Thread(s)
Your welcome
. Any more questions feel free to come back.
Always looking for web design/development work.
http://www.CodeFundamentals.com
Bookmarks