|
|
|
Forum Newbie
Group: Forum Members
Last Login: 6/27/2008 12:48:18 PM
Posts: 6,
Visits: 25
|
|
| 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
|
|
|
|
|
Forum Newbie
Group: Forum Members
Last Login: 6/27/2008 12:48:18 PM
Posts: 6,
Visits: 25
|
|
| 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.
|
|
|
|