Forum Moderators: not2easy
I am developping the site and I am getting problem with only 1 div in Internet Explorer. It works perfectly in Firefox and Opera and the css validate...
Here is the css file: (the one i got problems with in bold)
html, body {
margin: 0;
padding: 0;
background-color: #fff;
font: 12px Verdana, Arial, Helvetica, sans-serif;
position:relative;
}
*************** removed some more useless stuff ***************
div.header{
width: 770px;
color: #000;
font: 10px Verdana, sans-serif;
/*margin-bottom: 5px;*/
}
div.testmenu {
position:absolute;
top: 49px;
left: 142px;
height:20px;
border-style: none solid none solid;
border-width: 1px;
border-color:#FFFFFF;
width: 472px;
background-image: url(/img/bg_menu.gif);
background-repeat: repeat-y;
z-index: 8;
}
*************** removed some more useless stuff ***************
#col1 {
float: left;
width:141px;
padding: 0 0 0 1px;
margin-bottom: 5px;
}
#col2 {
float: left;
width: 460px;
background-image: url(/img/bg_main.gif);
background-repeat: repeat-y;
padding-left: 7px;
padding-right: 12px;
margin-bottom: 5px;
}
#col3 {
float: left;
width:150px;
padding: 0 0 0 1px;
margin-bottom: 5px;
}
#footer{
clear: both;
width: 770px;
background-color: #CCCCCC;
font-size: 11px;
padding: 2px 10px 0 0;
color: #000;
}
div.search {
position:absolute;
left: 475px;
top: 25px;
font: 10px Verdana, sans-serif;
color: #000000
}
*************** removed some more useless stuff ***************
-------------------------------
Here is the html...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Home Page Sample</title>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" >
<link href="/file.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="header"></div>
<div class="testmenu">test</div>
<div class="search"></div>
<div id="col1"></div>
<div id="col2"></div>
<div id="col3"></div>
<table id="footer"><tr><td> </td></tr></table>
</body>
</html>
-----------------
That's it...
Thank you.
It just won't show up... It's like the div isn't even there in IE.
border: 1px solid black;
. . . just so i can see where the cards fall. Doing so - still no test div.
But look at this:
<table id="footer"><tr><td> </td></tr></table>
What do you think this lil' bugger is doing? :-) This one is covering it up. Put it in a div and manage it that way, you may not even need to use a table here.
