SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    SitePoint Addict
    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&#37;"><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>
    So its streches and shortens based on user resolution and browser, and it has always worked fine.

    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?

  2. #2
    SitePoint Zealot
    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.

  3. #3
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  4. #4
    SitePoint Wizard bronze trophy Black Max's Avatar
    Join Date
    Apr 2007
    Posts
    4,029
    Mentioned
    12 Post(s)
    Tagged
    0 Thread(s)
    Why use tables?

  5. #5
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 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.
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  6. #6
    SitePoint Wizard bronze trophy Black Max's Avatar
    Join Date
    Apr 2007
    Posts
    4,029
    Mentioned
    12 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by BoltZ View Post
    It might be tabular data for all we know, but that really isn't the point of the thread.
    True enough. I took his code snippet as a general layout. We know what happens when we assume....

  7. #7
    SitePoint Evangelist
    Join Date
    Apr 2008
    Location
    Dublin, Ireland
    Posts
    461
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by BoltZ View Post
    It might be tabular data for all we know
    Ah yes tabular data the true reason to use nested tables

  8. #8
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 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&#37; width on each with some padding IS good to assume.
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  9. #9
    SitePoint Addict
    Join Date
    Apr 2002
    Posts
    395
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank You

  10. #10
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Your welcome . Any more questions feel free to come back.
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work


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
  •