Home/ Questions/Q 8650849
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T13:55:14+00:00

I have a div , which contains a table . Everything is working as

  • 0

I have a div, which contains a table. Everything is working as I want, except I don’t know how to set the width of the div so that it grows as the width of the table inside it grows. How Can I do that? Thanks.

This is the CSS code of the div: 

#events-table-wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    margin-top: 100px;
    border: 1px solid #CCC;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

Setting width to auto didn’t help. Btw, I didn’t change anything in the table in CSS.

Edit: Here is a live version: http://jsfiddle.net/ZDF2U/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In your case you can also do in the div:

    display: table;

    Here’s the jsFiddle: http://jsfiddle.net/leniel/Et3t5/

    Here’s another jsFiddle that shows you a similar case: http://jsfiddle.net/leniel/T7DTc/

    If the div’s width: auto; then it expands to accommodate the textarea inside the table. If you set it to width: 500px; then the textarea grows outside the div.

    So the solution looks like setting width: auto;. Of course something special in your code may be interfering.

    • 0