Margin top or padding top wont work!! :S

[michaeloneill]

Hey,

Im trying to give a slideshow of images a 50px space above. I cant get margin-top: 50px; or padding-top: 50px; to work. Really confused! I know its probably something stupid I missing!!

Heres the link to it with margin-top: 50px; Click here. I dont want the whole container with the bubble wrap to move down 50px, just the slideshow!??..

Heres the link to it with padding-top: 50px; Click here. Nothing Happens!

Thanks for your help!

[TT_Mark]

Add overflow:hidden to the Wrapper

[TT_Mark]

Sorry, I meant to the header (he said bubble ‘wrap’ and it’s only Monday ;-) ), and the one with the margin on rather than the padding. It’s basically because it assumes the header does not actually start until the slideshow because there is no content positioned relatively within it. Or something like that

While overflow:hidden works, it’s probably not the best way. You should probably position the slideshow relatively within the header div.

Add

position: relative;
top: 50px;

on the slideshow and this should work fine

[michaeloneill]

overflow: hidden; did the job. Thanks Guys

[Author]

Posts