Forum Moderators: not2easy
The problem I have is that I have a DIV ID=WRAPPER to be my page and when I include the left navigation (DIV ID-LEFTNAV) the left navigation doesn't fit inside the WRAPPER ID, but flows over the bottom line of the WRAPPER ID.
In IE it displays 100% but in FIREFOX it comes out all quirky.
PHP:
<!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 http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<link href="style/layout.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="leftnav"><?php include('left_nav.php'); ?>
</div>
</div>
</body>
</html>
CSS:
#wrapper {
background-color: #FFFFFF;
padding: 5px;
width: 990px;
position: relative;
text-align: left;
margin-right: auto;
margin-left: auto;
margin-top: 10px;
}
#leftnav {
background-color: #000000;
padding: 0px;
float: left;
width: 150px;
margin-top: 10px;
margin-bottom: 10px;
}
body {
background-color: #000000;
text-align: center;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
margin: 0px;
}
CAN SOMEONE PLEASE TELL ME WHERE THE PROBLEM LIES. I ASKED PEOPLE I KNOW, BUT NOBODY CAN HELP.
PS. I use Dreamweaver 8 to design the website ¦ The included files' doctypes and CSS styles have been removed before I included them
I've made the adjustments and everything looks great in both IE and FIREFOX
Try to develop your code without using IE, it'll help you along much more faster and with much less frustration. Afterward you can compensate for the bugs (or "features") in IE using conditional comments.
