CSS Forum

**Moritz** · 02-21-2010, 11:31 AM

Hey, im really new to css/html. I've got this little problem with the site im making, that problem is that the banner doesnt line un in center with the other stuff. And the background is white in the corners. Simple to solve for someone who knows css/html.

The codes:

CSS

Code:

#container{
    background-image:url(images/bg.gif);
    background-repeat:repeat;
}

#logo{
    background-image:url(images/logo.gif);
    background-repeat: no-repeat;
    width:800px;
    height: 204px;
    right: 100px;
}


#menu{
    background-image:url(images/menubar.gif);
    background-repeat: no-repeat;
    width:688px;
    height:84px;
}

#textbox{
    background-image:url(images/textbox.gif);
    background-repeat:no-repeat;
    height:562px;
    width:692px;

}


#footer{
    background-image:url(images/footer.gif);
    background-repeat:no-repeat;
    width:685px;
    height: 40px;                v
}

HTML

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<link href="style.css" rel="stylesheet" type="text/css">
  <title>Exotic Gaming - Index</title>
</head>

<body>
<center>
    <div id="container">
        <div id="logo">
            </div>
        <br />


             <div id="menu">
                 Home              Fourm                            Media                          Radio
             </div>
             <br />

             <div id="textbox">
                  lol. Jag äger er alla  lol haha lol. Jag äger er alla  lol haha lol. Jag äger er alla  lol haha lol. Jag äger er alla  lol haha lol. Jag äger er alla  lol haha
             </div>
    <br />
             <div id="footer">
                 Copyright Daniel Katomi
             </div>

    </div>

 </center>

</body>

</html>

**chrishirst** · 02-21-2010, 11:46 AM

We cannot debug a picture. URI needed

**Moritz** · 02-21-2010, 11:55 AM

http://exoticgaming.net/logo.gif

I hope thats what you ment. I feel like suck a noob >.<

**chrishirst** · 02-21-2010, 01:22 PM

URI of the SITE where we can see the problem.

**Moritz** · 02-21-2010, 01:31 PM

Lol, sorry.

Anyhow:

http://exoticgaming.net/zom/index.html

**chrishirst** · 02-21-2010, 04:18 PM

http://www.webmaster-talk.com/css-fo...r-website.html

get rid of the deprecated <center> tags for a start.

the "white in the corners" are pixels (anti-aliasing) left over from "rounding the corners" with transparency

**Moritz** · 02-21-2010, 05:47 PM

Thank you for helping me center it all. Can you please tell me or refer me to a tutorial about what i did wrong when i got those "white in the corners"?

**chrishirst** · 02-21-2010, 06:00 PM

turn off anti-alising in whatever graphics tool you use (or zoom in closer when using an erase tool).

**Moritz** · 02-21-2010, 07:35 PM

I cant find out how to disable anti-alising in my photoshop CS3.