HTML Forum

**kayla2** · 01-01-2008, 01:17 PM

Would anyone be able to tell me what the problem is with the top margin here. The woman editing the website added in a background (I'm not sure if she wants it to look like this yet or is trying to get a repeat background), but she wants there to be no margin at the top. I set margins to 0px, but it still isn't working. http://www.qtsunglasses.net Any help would be appreciated

**chrishirst** · 01-01-2008, 01:43 PM

Well first off it needs this

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

putting right

and then this pointless message;

HTML Code:

!-- THIS TEMPLATE, IT'S HTML CODE, LAYOUT AND GRAPHICS ARE ALL COPYRIGHT 2006 REALLEZ.COM 
YOU MAY NOT COPY ANYTHING FROM THIS PAGE. THOSE CAUGHT STEALING WILL BE PROSECUTED! 
JUST BECAUSE IT'S ONLINE, DOESN'T MEAN THAT IT'S FREE -->

and all the white space silliness under it removing, because that will pretty much guarantee that it will be "different" in Internet Explorer

**joder** · 01-01-2008, 01:46 PM

The body in the CSS was listed twice. One had the margin and the other the background image which caused the first to be overridden. Put them together like this and the margin at the top disappears.

Code:

body {
    background-image: url(http://www.qtsunglasses.net/fpdb/images/Theme0/blue2.jpg);
    background-repeat: repeat-x; 
    background-color: #fffffff;
    margin: 0px;
    padding: 0px;
    font-family: Century Gothic, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    color: #C0C0C0;
}

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!