CSS set div container to fit body width not window width

Question

Hi I have some html that looks like this:

<div id="wrapper" style="background-color: red;">

    <div style="margin: 0px auto; width: 960px;">

        Text here...

    </div>

</div>

The wrapper-div doesn't fit the <body>, when I resize the browser window to be lower than 960px, the wrapper gets as small as the browser window size. I want to get the wrapper at least as wide as the content inside it. I really have a hard time figuring this one out. Any suggestions?

Are inside element size known already? Like something mentioned by you as 960px? — Bikas, Feb 28 '14 at 09:18

score 0 · Accepted Answer · answered Feb 28 '14 at 09:21

0

Set wrappers style to: min-width: 960px .. same as inner div

answered Feb 28 '14 at 09:21

Asons

81,773
12
93
144

score 0 · Answer 2 · edited May 23 '17 at 12:28

0

Set the width of upper div

<div id="wrapper" style="background-color: red; width: 960px;">

    <div style="margin: 0px auto;">

        Text here...

    </div>

</div>

for a detailed description refer this

edited May 23 '17 at 12:28

Community

1
1

answered Feb 28 '14 at 09:24

Sid M

4,340
4
28
49

CSS set div container to fit body width not window width

2 Answers2