Margins/Padding trouble?

Phaser · 22 May 2006 at 13:06

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.

Flanders · 22 May 2006 at 13:36

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:

Phaser · 22 May 2006 at 13:57

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:

nin9abadga · 23 May 2006 at 16:21

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

blade007 · 23 May 2006 at 21:04

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.

Phaser · 24 May 2006 at 00:01

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: