Jump to content

3 column table where the center column width changes but the side columns don't


cunoodle2

Recommended Posts

I need help on css table and how best to code this in.  What I am looking for is a table that fills up the entire page (100% width).

 

In that I need to have 3 columns.

 

Column A:  This is the left most column and I want to specify a designated width (I.E. 150 pixels or something similar)

Column B:  This is the center column and I want it to flex in size based upon the user's monitor resolution.  On big monitors it will be very wide.  On small monitors it will be very small.

Column C:  This is the right most column and I want to specify a designated width (I.E. 100 pixels or something similar)

 

Is this possible to do? 

 

I will try to draw it out here to try to clarify..

<--------------Table that is 100% of the screen width ------------->
<Column A: 150 pixels> <Column B: FLEX width> <Column C: 100 pixels>

 

Thank you again for your help =)

Link to comment
Share on other sites

yes this is possible,

And no we are not here to write code for you. If you don't show any effort, post your issue in the freelance forum.

 

To give a helping hand I suggest you read about the property float, because that is exactly what you need.

great tutorial here: http://css.maxdesign.com.au/floatutorial/

 

Make sure you do that tutorial, it will change your mindset, because I have a feeling your thinking in tables instead of more useful alternatives.

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.