1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Margins/Padding trouble?

Discussion in 'HTML, Graphics & Programming' started by Phaser, 22 May 2006.

  1. Phaser

    Wise Guy

    Joined: 17 Mar 2004

    Posts: 1,562

    Hi all..

    Firefox users only at the moment, dosen't work too good in IE...

    http://dzire-live.com/yj/index.html

    Right, no matter what I try, I can't move that paragraph of text down a few px..

    I've tried adding margins, padding etc and it's just having no effect.

    Any idea whats wrong?

    Also the same on http://dzire-live.com/yj/graffiti.html

    How come the right border (dotted line) isn't full length of the list?

    It is on http://dzire-live.com/yj/music.html (different layout of images on the top bar)

    CSS is here.. http://dzire-live.com/yj/screen.css

    Cheers for any help.
     
  2. Flanders

    Hitman

    Joined: 2 Nov 2004

    Posts: 557

    Location: London, UK

    Did this really deserve a second thread, when you first was only 4 threads down?

    Anyway, you havent closed your #content div for starters, which is probably why any styles applied to it arent working. Once you close that, add something like:

    Code:
    padding-top: 20px;
    To your #content style and that should work. Alternatively, you could add

    Code:
    margin-bottom: 20px;
    To the #toprow div.

    On a side note, why all the <br /> :confused:
     
  3. Phaser

    Wise Guy

    Joined: 17 Mar 2004

    Posts: 1,562

    Didn't notice that, thanks for pointing it out.

    Added the <br />'s so I could quickly see what the page looked like when it was extended a bit.

    Edit: Added padding-top: 20px; to the content div and also margin-bottom: 20px; to the #toprow div and it's still not made a difference. :confused:
     
    Last edited: 22 May 2006
  4. nin9abadga

    Wise Guy

    Joined: 9 Jan 2006

    Posts: 1,440

    Location: Nottingham

    2 suggestions i've tried:

    give the toprow div a height (they seem to overlap with the content div atm)
    and give the top paragraph a custom class and apply the padding to that.

    i then got the text to move down as far as i wanted it to, although i didn't dl your images, the text moved down.

    nin9abadga
     
  5. blade007

    Wise Guy

    Joined: 16 Jun 2003

    Posts: 1,862

    i'm pretty sure too that giving the div a specific height will make it do what you want.

    odd things happen sometimes when it's left to auto.
     
  6. Phaser

    Wise Guy

    Joined: 17 Mar 2004

    Posts: 1,562

    Cheers lads. :)

    Everything is looking perfect in Firefox.

    Just need to get it working in IE now! It's usually the other way round. :rolleyes: