| mackenzieduncan@gmail.com 2005-05-25, 7:58 pm |
| I have been trying to get an image to sit in the background behind my
content div tag. I have nested two div's inside of another. The main
div has three images in it, one at the top, one at the bottom, and then
a tiled bg image. The tiled image sits fine in the background, but the
top image overlaps my text on IE.
www.mackenzieduncan.com/cci/preview5/main.html
The whole site works fine in Firefox and Safari on os 10.3 and 10.4. I
have also pasted the code in the window, oh and it also validates as
well.
Any help would be appreciated thanks in advance,
Mackenzie
-------CSS--------- ( those are the three divs I am having problems
with)
#div_image {
background: url('../img/middle.gif');
background-repeat:repeat-Y;
position: relative;
padding-bottom: -20px;
z-index: 2;
}
#content {
position: relative;
float: right;
padding-top: 2px;
padding-left: 5px;
padding-right: 5px;
width: 553px;
z-index: 3;
}
#leftnav {
width: 153px;
float: left;
position: relative;
z-index: 4;
}
------------ HTML -------------- ( i have put a note next to the image
causing problems)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv=3D"content-type" content=3D"text/html; charset=3Diso-8859-=
1"
/>
<title>Title in Here</title>
<style type=3D"text/css" media=3D"screen">
<!--
@import "css/style.css";
-->
</style>
</head>
<body>
<div class=3D"container">
<div id=3D"title">
<object classid=3D"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase=3D"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash=
..cab#version=3D7,0,0,0"
width=3D"726" height=3D"87" id=3D"section" align=3D"middle">
<param name=3D"allowScriptAccess" value=3D"sameDomain" />
<param name=3D"movie" value=3D"section.swf" />
<param name=3D"quality" value=3D"high" />
<param name=3D"bgcolor" value=3D"#ffffff" />
<embed src=3D"section.swf" quality=3D"high" bgcolor=3D"#ffffff" width=3D"=
726"
height=3D"87" name=3D"section" align=3D"middle"
allowScriptAccess=3D"sameDomain" type=3D"application/x-shockwave-flash"
pluginspage=3D"http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
<div id=3D"breadcrumbs">
<p>connections group > connections publishing > <a href=3D"">home</a></p>
</div>
<div id=3D"productbar">
<object classid=3D"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase=3D"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash=
..cab#version=3D7,0,0,0"
width=3D"718" height=3D"175" id=3D"sectionimage" align=3D"middle">
<param name=3D"allowScriptAccess" value=3D"sameDomain" />
<param name=3D"movie" value=3D"sectionimage.swf" />
<param name=3D"quality" value=3D"high" />
<param name=3D"bgcolor" value=3D"#ffffff" />
<embed src=3D"sectionimage.swf" quality=3D"high" bgcolor=3D"#ffffff"
width=3D"718" height=3D"175" name=3D"sectionimage" align=3D"middle"
allowScriptAccess=3D"sameDomain" type=3D"application/x-shockwave-flash"
pluginspage=3D"http://www.macromedia.com/go/getflashplayer" />
</object>
</div>
<!-- HERE IS THE BACKGROUND IMAGE DIV -->
<div id=3D"div_image">
<img src=3D"img/top.gif" alt=3D"" /> <<--- FIRST IMAGE THAT SITS ON TOP
<div id=3D"leftnav">
<p class=3D"p_nav"><a class=3D"nav" href=3D"">About Us</a></p>
<p class=3D"p_nav"><a class=3D"nav" href=3D"">Publications</a></p>
<p class=3D"p_nav"><a class=3D"nav" href=3D"">Professional
Development</a></p>
<p class=3D"p_nav"><a class=3D"nav" href=3D"">Symposium</a></p>
<p class=3D"p_nav_sel"><img src=3D"img/downarrow.gif" alt=3D"" /><a
class=3D"nav" href=3D"">Online Journal</a></p>
<p class=3D"p_subnav">
<img src=3D"img/arrow.gif" alt=3D"" /><a class=3D"subnav" href=3D"">Online
Journal</a><br />
<img src=3D"img/arrow.gif" alt=3D"" /><a class=3D"subnav" href=3D"">Next Li=
nk
Here</a><br />
<img src=3D"img/arrow.gif" alt=3D"" /><a class=3D"subnav" href=3D"">Third
One</a><br />
<img src=3D"img/arrow.gif" alt=3D"" /><a class=3D"subnav" href=3D"">Another
Link</a><br />
<img src=3D"img/arrow.gif" alt=3D"" /><a class=3D"subnav" href=3D"">Last
One</a><br />
</p>
</div>
<div id=3D"content">
<h2>Publications</h2>
<p class=3D"p_content">
Our readers tell us they appreciate how practical
our materials are while being thoroughly grounded in
current research and theory.
</p>
<p class=3D"p_content">
Read a synopsis of each book by clicking on the book
title in either the <a href=3D"teaching_resources/">Teaching
Resources</a> section or the <a
href=3D"assessment_resources/">Assessment
Resources</a> section. If you think a certain book
may interest you, simply click on the "Add to Cart"
button. You can view this
shopping cart at any time by clicking on the
<a href=3D"../view_cart">View Cart</a> link in the top right corner of
the browser.
</p>
<p class=3D"p_content">
When you are ready to have your order processed,
click on the <a href=3D"../view_cart">View Cart</a> link and follow the
easy
step-by-step instructions. We do not ask for any
kind of credit card number or banking details during
this process. Within a few days of sending
your order through to us, we will send you more
details about your order and a billing invoice.
</p>
<p class=3D"p_content">
Our readers tell us they appreciate how practical
our materials are while being thoroughly grounded in
current research and theory.
</p>
<p class=3D"p_content">
Read a synopsis of each book by clicking on the book
title in either the <a href=3D"teaching_resources/">Teaching
Resources</a> section or the <a
href=3D"assessment_resources/">Assessment
Resources</a> section. If you think a certain book
may interest you, simply click on the "Add to Cart"
button. You can view this
shopping cart at any time by clicking on the
<a href=3D"../view_cart">View Cart</a> link in the top right corner of
the browser.
</p>
<p class=3D"p_content">
When you are ready to have your order processed,
click on the <a href=3D"../view_cart">View Cart</a> link and follow the
easy
step-by-step instructions. We do not ask for any
kind of credit card number or banking details during
this process. Within a few days of sending
your order through to us, we will send you more
details about your order and a billing invoice.
</p>
<p class=3D"p_content">
You are also welcome to call us (toll free in North America at
1-800-603-9888, or from anywhere at 1-250-703-2920) Monday to Friday
from 8:30 A.M. to 5:00 P.M. Pacific Standard Time and place an order or
download one of the following order forms, fill it out, and mail or fax
your order to us.
</p>
</div>
<img src=3D"img/bottom.gif" alt=3D"" valign=3D"bottom" />
</div>
<!-- HERE IS THE BACKGROUND IMAGE DIV -->
<div id=3D"copyright">
copyright =A9 2005 Connections Group - <a href=3D"">Privacy Policy</a> -
<a href=3D"">FAQ</a> - <a href=3D"">Contact</a>
</div>
</div>
</body>
</html>
|