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 =)

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.

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.