dyarosh
asked on
CSS background image not displaying
I am trying to convert a classic ASP website into ASP.NET. I want to use Master Pages so I started to create the Master Page with the elements that will appear on every page. The problem I am having is that the background image in my CSS is not displaying as expected. I am including a code sample of a test.aspx page that I am using just to get header working.
Here is the relevant CSS that is included in my Styles/styles.css file
Here is the page layout:
Any help with this will be appreciated! I just need to know what I am doing wrong that the background is not showing up.
background.jpg
Here is the relevant CSS that is included in my Styles/styles.css file
/* CSS Document */
/* CSS common to all pages - layout */
* {
margin: 0;
}
html, body {height:100%}
body {
padding:0;
margin:0;
background-color: #006699;
color: #000000;
font: 14px "Trebuchet MS", Verdana, sans-serif;
}
#outer{
min-height:100%;
min-width: 800px;
margin-left:175px;
margin-right:155px;
background-color: #dee4fe;
border-left:15px solid #ffd666;
margin-bottom:-52px;
color: #000000;
}
* html #outer{height:100%;} /* IE6 and under treat height as min-height anyway*/
#header{
background:#ffd666;
border-bottom:15px solid #ffd666;
color: #000;
text-align:left;
position:relative;
margin-bottom: 0;
margin-left: 0px;
margin-right: -154px;
margin-top: 0;
min-height:0;/* ie 7 haslayout fix */
background-image:url(images/background.jpg);
background-repeat:repeat;
}
Here is the page layout:
<!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">
<head runat="server">
<title></title>
<link href="Styles/styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div id="outer">
<div id="header"><p>this is the header</p></div>
</div>
</form>
</body>
Any help with this will be appreciated! I just need to know what I am doing wrong that the background is not showing up.
background.jpg
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Then please mark my answer as the solution and close the question. Cheers
ASKER
Sorry about that. Battling a sinus infection and my mind isn't working :)
ASKER