Home/ Questions/Q 8351507
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T08:39:07+00:00

Is possible to override the body width, for example I have this ex.: <body>

  • 0

Is possible to override the body width, for example I have this ex.:

<body>
<table id="table1">
<tr><td></td></tr>
</table>
<table id="table2">
<tr><td></td></tr>
</table>
</body>

css:
body{width:970px;}
#table1{width:100%;}
#table2{width:100%;}

I want to set for first table a width:auto; expandable on full browser width but body width won’t allow.

I must have that body:970px so I cannot modify that and I must have 100% for second table to expand all elements inside in 970px body width.

how do I resolve this ?

fiddle example

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There is no good way to do this; HTML elements always inherit attributes from their parents. So if you give body a fixed width, you essentially limit what the children can do. For them, the world (i.e. width: 100%) is now the limited body width and there is no way to say “use the parent width but skip the body element, please”.

    With JavaScript, you could try to get the width of the html element but even if you assigned this to table1, the overflow rules would probably clip it.

    To fix this, you will have to get rid of the fixed body width. Replace body with a container div with a fixed width. That allows you to move table1 outside the container div where it will see the body‘s natural width.

    • 0