div inside a div Css background color problem

Question

I want the outer div to span to all the page width with the background color #efefef. The inner div will be centered and have white background with 995px width.

So i have this code:

  <div style="background-color:#efefef;width:100%;">
    <div id="photoUploadWrap">

Now the photoUploadWrap style is:

#photoUploadWrap{width: 995px;margin: auto;}

And it has tables and more divs inside it. The div gets centered alright but the outer div doesn't display the #efefef background.

What's wrong here? I also tried to put a border on the outer div with no success.

Do any of the "tables and more divs inside" have the float property set? — thirtydot
– thirtydot, Commented Apr 4, 2011 at 13:37

Brandon Montgomery · Accepted Answer · 2011-04-04 13:28:01Z

2

The outer div has no height (or at least the browser doesn't think so). This is why you don't see the border or the background color. Why not just set the background color on the body tag?

answered Apr 4, 2011 at 13:28

Brandon Montgomery

6,9853 gold badges50 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Lauw · Accepted Answer · 2011-04-04 13:28:25Z

0

Not sure why this isnt working, but when I changed it to:

  <div id="divContainer">
    <div id="photoUploadWrap">
aaaa
      </div>
</div>

#photoUploadWrap{width: 995px;margin: 0 auto;}
#divContainer { width: 100%; background-color: #efefef; }

it worked. check it Live

answered Apr 4, 2011 at 13:28

Lauw

1,71511 silver badges12 bronze badges

1 Comment

Milor123 Over a year ago

i need the same, but wirh the #photouploadwrap with background, i have somthing similar, but the third div not shows the background color

Collectives™ on Stack Overflow

div inside a div Css background color problem

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related