CODEWITHSUNDEEP
htmlcss
user3924730
user3924730

Reputation: 183

Unwanted Space(Gap) is coming between two div's

I have two div's .One is image Slider Div and other is footer Div.Now the main problem that is coming is that there is some unwanted space (gap) is coming between these two div's which i don't want.I want both these Div's to be One after another without any space but i am not able to do it.

Here is the HTML ..

<div style="padding-top:77px;">
First Slider Div
</div>

<div id="footer" class="footer-shadow">
  Second Footer Div
</div>

And here is the css used..

.footer-shadow
{
position:relative;
background: url('../img/new_images/footer-bg.png') center center no-repeat;
background-size: contain;
height: 300px;
width: 100%;
color: gray;
}

Here is my fiddle link.. Fiddle Demo

Please help me to Correct this.Thanks ..

Upvotes: 0

Views: 140

Answers (2)

Chrisji
Chrisji

Reputation: 311

It is most probably a browser issue, as it's displaying fine for most of us.

A normaliser should help to make all browsers consistent, by overriding the browsers default margins, paddings, etc.

Have a look at normalize.css

Upvotes: 2

Darrell Lloyd Harvey
Darrell Lloyd Harvey

Reputation: 472

IT looks like normal spacing between divs, but if you want to remove it, try using a negative margin. Example: margin-top: -8;

Upvotes: 0

Related Questions