I'm switching from HTML Transitional to XHTML Strict.
I ran it through a validator and everything seems fine.
However, the background image in "podBacker" div does not display.
Any ideas why this may be?
Cut down version of code below.
Any help greatfully appreciated.
HTML
=====
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
<html xmlns=" xml:lang="en" lang="en">
<head>
<title>Get Adobe Flash Player</title>
<link rel="stylesheet" type="text/css" href="./noplayer.css" />
</head>
<body>
<div class="podDiv">
<div class="podbacker">
<div id="noPlayerText">
<br />
To view, you will need Adobe Flash Player version 9.0.28 or greater.
<br />
<br />
<br />
</div> <!-- noPlayerText -->
<div id="noPlayerButton">
<div id="noPlayerAnchorDiv">
<a class="noPlayerAnchor" id="noPlayerAnchor" href=" title="Click here to download Flash Player">Get Adobe Flash Player</a>
</div>
</div> <!-- noPlayerButton Div -->
</div> <!-- podBacker Div -->
</div> <!-- podDiv Div -->
</body>
</html>
CSS
====
body {
background: url("../img1.jpg") no-repeat;
/* This is the same size as the application window */
width: 959px;
height: 604px;
z-index: -1;
margin: 0%;
}
.podDiv {
padding-left: 220px;
width: 100%;
}
.podBacker {
background: url("../img2.jpg") repeat-y;
}
#noPlayerText {
margin-left: 20px;
font-family: arial;
font-size: 0.75em;
color: #000000;
}
#noPlayerButton {
margin-left: 20px;
}
#noPlayerAnchorDiv {
position: relative;
top: -20px;
background: url("../img3.gif") no-repeat;
width: 202px;
height: 24px;
}
#noPlayerAnchor {
text-align: center;
line-height: 24px;
padding-left: 3px;
font-family: arial;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
font-size: 0.9em;
}
I ran it through a validator and everything seems fine.
However, the background image in "podBacker" div does not display.
Any ideas why this may be?
Cut down version of code below.
Any help greatfully appreciated.
HTML
=====
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
<html xmlns=" xml:lang="en" lang="en">
<head>
<title>Get Adobe Flash Player</title>
<link rel="stylesheet" type="text/css" href="./noplayer.css" />
</head>
<body>
<div class="podDiv">
<div class="podbacker">
<div id="noPlayerText">
<br />
To view, you will need Adobe Flash Player version 9.0.28 or greater.
<br />
<br />
<br />
</div> <!-- noPlayerText -->
<div id="noPlayerButton">
<div id="noPlayerAnchorDiv">
<a class="noPlayerAnchor" id="noPlayerAnchor" href=" title="Click here to download Flash Player">Get Adobe Flash Player</a>
</div>
</div> <!-- noPlayerButton Div -->
</div> <!-- podBacker Div -->
</div> <!-- podDiv Div -->
</body>
</html>
CSS
====
body {
background: url("../img1.jpg") no-repeat;
/* This is the same size as the application window */
width: 959px;
height: 604px;
z-index: -1;
margin: 0%;
}
.podDiv {
padding-left: 220px;
width: 100%;
}
.podBacker {
background: url("../img2.jpg") repeat-y;
}
#noPlayerText {
margin-left: 20px;
font-family: arial;
font-size: 0.75em;
color: #000000;
}
#noPlayerButton {
margin-left: 20px;
}
#noPlayerAnchorDiv {
position: relative;
top: -20px;
background: url("../img3.gif") no-repeat;
width: 202px;
height: 24px;
}
#noPlayerAnchor {
text-align: center;
line-height: 24px;
padding-left: 3px;
font-family: arial;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
font-size: 0.9em;
}
