Padding and margin for template does not work anymore

LGS · November 25th, 2007, 01:22 PM

Hi. I had a website where I used padding and margin as 0 for my css to make both the top and bottom equal with the page (otherwise there would be white space between the template and the browser).

I'm trying to use it again, but it won't work, and I've used the exact same method.

Code:

* {
    margin: 0px;
    padding: 0px;
}

That's the code but it doesn't work. Here is my site, how can I fix it?

http://www.ruthlessintent.com/Final

alexgeek · November 25th, 2007, 01:29 PM

I don't see what the problem is but I must add that your site takes ages to load.
Do you have to use so many images?

LGS · November 25th, 2007, 01:41 PM

Sorry forgot to mention that. I'm not bothered about site optimisation as it's just for a college assignment so I do not need to improve the load time.

If you mean you don't see what I mean:

At the top and bottom of the template, you can see black space between the edge of the template and the browser yes? Usually when I use the CSS code I posted it would remove that and make the page hug the template.

dab42pat · November 25th, 2007, 01:41 PM

Is this an ie7 issue as i have looked on ie6 and ff and it seems fine.

saltedm8 · November 25th, 2007, 01:43 PM

nope its not ie7 either, looks fine there too

Stuart · November 25th, 2007, 04:49 PM

This is probably caused by the table you're using for your entire page, which is crap by the way! Remove the table and use divs instead.

Lchad · November 25th, 2007, 06:34 PM

I'm not really seeing a black edge either. Maybe if I squinted really hard I might see a 1px black edge on the top and bottom. Is that what you mean? Otherwise if not, I'd say you need to refresh your browser and clear your cache.

LGS · November 29th, 2007, 09:32 AM

Thanks for looking everybody, and as I said this was a rush job to see who could make a nice looking template quickly, not optimise it and such!!

Anyway, it's not that bad I agree but I am a bit of a picky one. It's about 2px above and below the template, kind of like a border.

I just kinda want it gone because it disrupts the flow of the template, the two silver borders are supposed to be full browser size so it makes them look cut off.

Here is what I mean:

www.ruthlessintent.com/dk.JPG

welshstew · November 29th, 2007, 09:48 AM

I think the issue is that you are using a combination of tables and divs. this adds some 'space' (about 2px) to the top of your site. you will need to decide what you want to use.

the other option would be to add

HTML Code:

style="margin-top:-2px;"

to the div

LGS · November 29th, 2007, 10:19 AM

Thanks I'll try.

Marc · November 30th, 2007, 04:37 PM

You really need to check your website in FF 2.0.010 it's completely messed up. The content is shifted to the left by quite far. If you like, i can post a Screenshot?