Question

I am having a problem where a div slides into view, but has a piece missing from it that only shows up after the sliding action stops.

The div is materializing from ‘display:none’, and here is the relevant jquery:

$('#maincontent').show('slide', { direction: 'left' }, 500);
})

You can view the live page and the source here:

http://joepolitic.com/sites/AlmostFamous.html

Any suggestions?

Thanks

Answer 1

I think the problem has to do with how the browser renders margin and padding. H1 and P tags have default values for margin and padding.

The background will show up if you remove the h1 and p tags, or if you style out the margin and padding like this:

h1,p{margin:0;padding:0;}