The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Margin top or padding top wont work!! :S

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #31921


    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!


    Add overflow:hidden to the Wrapper


    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.


    position: relative;
    top: 50px;

    on the slideshow and this should work fine


    overflow: hidden; did the job. Thanks Guys

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.