Hey,
I am currently working on this site [URL=”http://www.happyandhealthy.ca”]http://www.happyandhealthy.ca
It displays properly on all browsers except IE 6 & 7, for some reason the middle content div is being pushed down to the bottom of the page, not sure why this is happening.
I tried to attach a picture of how it renders in IE 6 & 7, not sure if it worked.
Below is the template file code i am working from:
[code=html]<?php
// Start the session
require_once(‘startsession.php’);
?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html>
<head>
<title>Happy and Healthy – Personal Trainer</title>
<link rel=”stylesheet” type=”text/css” href=”happy.css” />
<!–[if IE]><link rel=”stylesheet” type=”text/css” href=”happyIE.css” /><![endif]–>
</head>
<body>
<div class=”border”>
<div class=”header”>
<?php require_once(‘headimg.php’); ?>
</div><!–end header–>
<!– <hr class=”headerhr” />–>
<div class=”tempnav”>
<?php require_once(‘nav.php’);?>
</div><!–end nav–>
<div class=”content”>
<div class=”contop”>
<h2>Calander</h2>
</div>
<div class=”tempconmid”>
<?php
require_once(‘logincheck.php’);
require_once(‘connectvars.php’);
?>
</div>
<div class=”conbot”>
<textarea style=”display:none” cols=”20″ rows=”5″ wrap=”hard”>
</div>
</div><!–end content–>
<!– <hr class=”headerhr” />–>
<div class=”footer”>
</div>
</div><!–end border–>
</body>
</html>
and this is the CSS code used to style it:
[CODE].conmid {
background-image: url(“conmid.png”);
background-repeat: repeat-y;
margin-left: 23px;
margin-right: auto;
margin-top: -3%;
}
any help would be great,
thanks.
[upl-file uuid=805285e5-05f2-4385-bba6-649a02acebf7 size=100kB]IE6.gif