RE: Image in IE7 is covered by footer...

kingcadillac — Wed, 25 Jun 2008 18:24:37 GMT

Never mind, I think I fixed it. I deleted the wrapper's height and they all seem to have the correct format and everything fell into place.

Image in IE7 is covered by footer...

kingcadillac — Tue, 24 Jun 2008 19:25:13 GMT

Hi,

I am currently working through the second video and attempting to display the first picture right above the footer of the core website. I am working with three different browsers: IE7, Firefox3, and Opera 9.5. The picture looks correct for the latter two browsers but for IE7, the bottom of the image is being cut off by the footer. I followed all of the instructions and can't seem to figure it out. Thanks in advance for any help given. By the way here's the code...

<!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>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Welcome to Core</title>
<style type="text/css">
body {
background-image: url('images/bkd-xtile.jpg');
background-repeat: repeat-x;
background-color: #FFFFFF;
padding: 0px;
margin: 0px;
}
.style1 {
font-family: "Lucida Sans", "Trebuchet MS", sans-serif;
font-size: x-small;
color: #FFFFFF;
}
.style2 {
font-family: "Lucida Sans", "Trebuchet MS", sans-serif;
background-color: #575556;
}
.style3 {
font-size: x-small;
color: #FFFFFF;
clear: both;
}
</style>
</head>

<body>

<div id="wrapper" style="position: relative; width: 700px; height: 229px; z-index: 1; left: 0px; top: 0px; margin-right: auto; margin-left: auto;">
<div id="masthead" style="position: relative; width: 700px; height: 100px; z-index: 1; left: 0px; top: 0px;">
</div>
<div id="leftColumn" style="position: relative; width: 300px; z-index: 2; float: left">
<div id="picture" style="position: relative; width: 300px; z-index: 1">
<img alt="A New Season" height="150" src="images/new-season.jpg" width="300" /></div>
</div>
<div id="rightColumn" style="position: relative; width: 400px; height: 100px; z-index: 3; float: right;">
</div>
</div>
<div id="footer" style="position: relative; height: 100px; z-index: 2; clear: both;" class="style2">
<span class="style3">Home | Products | About Us | Contact Us</span><br class="style1" />
<br class="style1" />
<span class="style3">Terms of Use | Privacy Policy</span></div>

</body>

</html>

KingCadillac

LearnExpression Support Forum / LearnExpression Community / LearnExpression Videos / Image in IE7 is covered by footer... / Latest Posts

RE: Image in IE7 is covered by footer...

Image in IE7 is covered by footer...