I created a website in dreamweaver and I attached a CSS file that I made in CSSEdit. The layout and everything looks right in Dreamweaver, but my backgrounds are not showing up in any browser. The background to the body is just white. Can you guys look at my code for me and give me some advice?
HTML:
CSS:
HTML:
PHP:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>My Website</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css">
<style type="text/css">
body {
background-image: url(page_bg.jpg);
}
</style>
</head>
<body>
<div id="container">
<div id="banner">Content for id "banner" Goes Here</div>
<div id="menu"></div>
<div id="main">Content for id "main" Goes Here</div>
<div id="hline"></div>
<div id="bottom_left">
Enter stuff here
</div>
<div id="vline"></div>
<div id="bottom_middle">
Enter stuff here
</div>
<div id="vline"></div>
<div id="bottom_right">
Enter stuff here
</div>
<div id="footer">© 2011. All Rights Reserved </div>
</div>
</body>
</html>CSS:
PHP:
#container {
width: 870px;
height: 900px;
padding-left: 0px;
padding-right: 0px;
overflow: auto;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#banner {
width: 870px;
height: 120px;
background-color: #7625d2;
}
#menu {
width: 870px;
height: 40px;
background-color: #0000;
}
#main {
width: 870px;
height: 325px;
}
#hline {
width: 870px;
height: 15px;
}
#bottom_left {
width: 280px;
height: 285px;
float: left;
}
#vline {
width: 15px;
height: 285px;
float: left;
}
#bottom_middle {
width: 280px;
height: 285px;
float: left;
}
#bottom_right {
width: 280px;
height: 285px;
float: left;
}
#footer {
width: 870px;
height: 20px;
float: left;
text-align: center;
color: #8f8f8f;
}
Last edited by a moderator:
