charper Posted December 13, 2006 Share Posted December 13, 2006 On my entire site, whenever I position an image such as <img src=... align = left> or any other method I can come up with, IE6 will not show the image. It ends up "behind" the background of its parent (div id = body). I cannot repeat this error on IE7, firefox, netscape, or opera. I tried setting the z-index of div id = body to -1, this, unfortunately prevented links from being accessible.Easiest to see example:http://www.circuitguy.com/personal.phpIn this example, if the webpage is wide enough, it is very clear that the image on the right is below the body (white background), while staying visible where it's above the blue.Also occurs in:http://www.circuitguy.com/projects.phpHere, the soldering iron is invisible in IE6...Finally, note that it does not occur where an image is not positioned in any way:http://www.circuitguy.com/gallery.phpThis page does not exhibit the problem, presumably because the image was not positioned.I would like to apologize in advance for not having any screenshots available, if it's absolutely required I'm sure I can get one. I've really been beating my head against the wall with this one, so if anybody knows what's going on, the help would be greatly appreciated.Thanks,Charper Link to comment Share on other sites More sharing options...
charper Posted December 14, 2006 Author Share Posted December 14, 2006 Clarification:IE6:IE7:Style.css excerpt: #header {background:rgb(102,153,204);height: 100px;border:0px;padding-top:0px;padding-bottom:0px;z-index: -1}#body {position:relative;top:0px;margin-left:10px;padding-top:0px;margin-right:10px;padding-bottom:0px;padding-left:10px;padding-right:10px;border:1px;background-color: white;overflow: visible;z-index: 0}#footer { font-color:white;text-align:center;bottom:0px;padding:0px;border:0px;} personal.php (entire contents): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><?php $tab = "personal";$main = "personal/personal.html"; ?><html><head><title>Charper's World | All about me!</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link rel="stylesheet" type="text/css" href="style.css" /></head><body><div id="header"><?php include ("header.html") ?></div><div id="body"><?php include ($main) ?></div><div id="footer"><?php include ("footer.html") ?></div></body></html> personal.html (entire contents): <br/><h2>All about me!</h2><p><img align="right" src="http://badge.facebook.com/badge/26509127.683.620176169.png" border="0";alt="Christopher Harper's Facebook profile"/>The image shown here, courtesty of facebook, shows a current picture along with my contact information.I am currently a student at Mississippi State. Electrical Engineering, as evidenced under my professional section, is more or less my life.</p> Link to comment Share on other sites More sharing options...
charper Posted December 15, 2006 Author Share Posted December 15, 2006 Problem solved....getting rid of Position: Relative and recoding the pages so it wasn't necessary fixed it. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now