Margins/Padding trouble?

Associate
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.
 
Associate
Joined
2 Nov 2004
Posts
582
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:
 
Associate
OP
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:
Associate
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
 
Associate
Joined
16 Jun 2003
Posts
1,858
nin9abadga said:
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

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.
 
Associate
OP
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:
 
Back
Top Bottom