Css body visible in between section?

Question

I am using Bootstrap 2.3 on my site. I have set the foll css:

body,section{
padding:0;
margin:0;
}

Yet, for the life of me, I can't understand why I m seeing a white dash of the body in between the sections?? The Link

your link hide please show link properway – Falguni Panchal Jul 06 '13 at 10:58 — Falguni Panchal, Jul 06 '13 at 10:58

score 1 · Accepted Answer · answered Jul 06 '13 at 11:02

1

Your <h3> causes that. Put this:

h3{
    margin:0;
    padding:0;
}

answered Jul 06 '13 at 11:02

Vucko

the h3 is contained inside the section, yet, the margin is overflowing from it...Y? – user2556089 Jul 06 '13 at 11:08
1

Good [explanation](http://stackoverflow.com/questions/2176520/why-would-margin-not-be-contained-by-parent-element). – Vucko Jul 06 '13 at 11:10

score 0 · Answer 2 · answered Jul 06 '13 at 11:04

0

Set below style to <h3> tag

margin-top:0px;

answered Jul 06 '13 at 11:04

the h3 is contained inside the section, yet, the margin is overflowing from it...Y? – user2556089 Jul 06 '13 at 11:07
1

It's called margin collapsing: http://stackoverflow.com/questions/102640/css-margin-collapsing – Ilya Streltsyn Jul 06 '13 at 11:13

score 0 · Answer 3 · answered Jul 06 '13 at 11:30

0

another solution

set below style to <section> tag

overflow: hidden;

answered Jul 06 '13 at 11:30

Po-Ying Chen

3 Answers3