Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    Regular Coder
    Join Date
    Dec 2008
    Posts
    120
    Thanks
    15
    Thanked 2 Times in 2 Posts

    Three column table having dynamic width

    Hi,

    I am trying to have a three column table where the middle column will have 1000px width, what I want is depending on the resolutions it needs to middle the middle column and make the sides have same width, the following code is working perfect in Firefox, but Google Chrome is having issues by having 0 width for the left and right column, the code is:

    Code:
    <table cellspacing="0" cellpadding="0" border="0" width="100%">
      <tr>
        <td class="the-left" ></td>
        <td class="the-middle">
        	<div style="width: 1000px;"></div>
         </td>
         <td class="the-right"></td>
      </tr>
    </table>

  • #2
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,332
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Why use tables for that? Read here why tables for layouts are bad.

    Here is a 3 column liquid div layout tutorial.
    Teed


  •  

    Posting Permissions

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