Quick Web Design Q.

[mas]

I seem to have come across a glitch when designing a new website.

I have a Div, which directly below I want to sit another div flush to the bottom edge. But, even when I set the CSS to 0px Margin etc... I still get a gap above the Div below?!

Like so....

<div id="Wrapper">

<div id="Inner">

Hello im a big box

</div>

</div>

-----//This is where I am getting a gap//------

<div id="Wrapper 2">

<div id="Inner 2">

Hello im a big box

</div>

</div>

I'm confused?!

 

[mas]

THis will tell you what I'm trying to do,Ive coloured in the box to make it easier to understand....

Screen Shot 2012-02-17 at 20.11.03 by Stickars, on Flickr

 

[C.J]

What's your padding set to?

Paste the full CSS for those divs above.

 

[mas]

Hi C.J.

Sorted it, it was my fault.... donkey.

On the nab section above I had set the height of the white div to 100% of its container... but, with the padding it pushed it outside. I forgot when using 100% it adds the padding on top.

 

[adamlstr]

http://www.w3schools.com/cssref/css3_pr_box-sizing.asp