Basic HTML Code Help

Oxygen454 · #1 **Basic HTML Code Help**

I haven't done and entire website in html in a long time. Im trying to center a background image on my site and nothing seems to be working. Maybe I have the wrong coding?

HTML Code:

body {
  background-image: url("http://www.aldergroveministorage.com/testing/pg1.jpg");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

Oxygen454 · #2

This code works but it tiles the page... I want the image center of the page...

HTML Code:

<body background=pg1.jpg>

**mobosof** · #3

http://www.netmechanic.com/news/vol7/html_no10.htm

this may help?

briansmith · #4

Yes it is very helpful. Thanks for sharing with us.

peterb · #5

Hello Oxygen454,

Try this. It is compatible with many browsers and should do what you want although I didn't see what your image looks like.

Code:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />
<title>page Layout</title>

<style>
body {
    background: #FFFFFF;
}

/* 2C425E is used for body to be left white */
#container {
    padding: 0;
    margin: 0;
    width: 100%;
    background: url("http://www.aldergroveministorage.com/testing/pg1.jpg") repeat 0 0;
    height:100% !Important; 
    text-align: center;
}
</style>

</head>
<body>
<div id="container">


the rest of your work here


</div>
</body>
</html>