IE table-cell

[The Little Guy]

Is it just the way I am coding, or does IE not support CSS "display:table-cell"?

[TheFilmGod]

Is it just the way I am coding, or does IE not support CSS "display:table-cell"?

 

IE does not support it.

[The Little Guy]

That sucks

 

anyway, I have another table question...

 

I have a three column div, all using table-cell for the display type.

 

I want my left two columns to be 200px, and I would like my center one to expand to the needed size so all three fit the container they are in, how can I do that?

 

/* Container for all columns */
#container{
border:solid 1px #000;
width:98%;
margin:20px 10px 50px 10px;
}

/* Left Column */
.lnav{
display:table-cell;
width:200px;
border-right:solid 1px #999;
border-top:solid 1px #999;
text-align:center;
padding:5px;
}

/* Right Column */
.right{
display:table-cell;
width:200px;
vertical-align:top;
padding:5px;
border-top:solid 1px #AAA;
}

/* Center Column */
.content{
display:table-cell;
vertical-align:top;
padding:5px 5px 5px 10px;
border-right:solid 1px #999;
}

[Floydian]

There are a number of css frameworks for creating multi column layouts. It's best to use one of them IMHO.

[The Little Guy]

There are a number of css frameworks for creating multi column layouts. It's best to use one of them IMHO.

 

I don't think that is relevant to my question...

[Floydian]

I want my left two columns to be 200px, and I would like my center one to expand to the needed size so all three fit the container they are in, how can I do that?

 

You might not have liked my suggestion, but a css framework would do that for you. Of course I'm not forcing you to use one, but you didn't say "I'm not willing to use or consider using a css framework" and hence it was a relevant answer.

[burn1337]

Ok so you want the right and left columns to be 200px, and the center column to expand as needed... I would use min-width/max-width, or change it all to percentage...