Menu
I have divs within tables and everything appears and works fine in all browsers but ie. in ie the information isnt even there. Ive done this on the entire site, so i need to make it all appear.
[code=html]<!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>Welcome to Jennifer Brooks</title>
<script type=”text/JavaScript”>
<!–
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf(“#”)!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//–>
</script>
<style type=”text/css”>
<!–
body {
background-color: #cec0a0;
}
.style7 {font-size: 13px}
.style8 {color: #cec0a0}
.style9 {font-size: 14px}
–>
</style>
<link href=”css/main.css” rel=”stylesheet” type=”text/css” />
</head>
<body>
<div align=”center”>
<table width=”900″ height=”776″ cellspacing=”0″ background=”images/bgmain.jpg”>
<tr>
<td height=”32″> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td width=”42″ height=”32″> </td>
<td width=”297″><img src=”images/headerlogo.jpg” width=”286″ height=”298″ /></td>
<td width=”67″> </td>
<td width=”426″><object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0″ width=”423″ height=”280″ align=”middle”>
<param name=”movie” value=”Flash Files/homepics.swf” />
<param name=”quality” value=”high” />
<embed src=”Flash Files/homepics.swf” width=”423″ height=”280″ align=”middle” quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash”></embed>
</object></td>
<td width=”50″> </td>
</tr>
<tr>
<td height=”92″> </td>
<td colspan=”3″ rowspan=”15″>
<div id=”container”>
<div id=”sidebar1″>
<ul>
<li><a href=”index.html”>Home <span class=”style10″>dfccee</span></a></li>
<li><a href=”about.html”>About Us<span class=”style10″>eefe</span></a></li>
<li><a href=”products.html”>Products<span class=”style10″>fdffs</span></a></li>
<li><a href=”contact.html”>Contact<span class=”style10″>fdffdf</span></a></li>
</ul>
</div>
<div id=”maincontent”>
<h1>Welcome</h1>
<p>Thank you for visiting Jennifer Brooks, your source for fashionable accessories for pets on-the-go. From travel beds and bowls to leads and collars, we ofer a exciting line of products that is sure to please even the most style savvy pet.</p>
</div>
<!–End of container–></div>
</td>
<td> </td>
</tr>
<tr>
<td height=”20″> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td height=”20″> </td>
<td> </td>
</tr>
<tr>
<td height=”20″> </td>
<td colspan=”3″> </td>
<td> </td>
</tr>
</table>
</div>
<div align=”center”><span class=”style7″><span class=”style8″>x</span><br />
<span class=”style9″><a href=”mailto:[email protected]”>[email protected]</a><span class=”style8″>xx</span>(914)
414-7191 </span></span></div>
</body>
</html>
AND THE CSS
[CODE]@charset “UTF-8”;
/* CSS Document */
body {
background-color: #cec0a0;
}
.style7 {font-size: 13px}
.style8 {color: #cec0a0}
.style9 {font-size: 14px}
#sidebar{
position:relative;
}
#cartbutton{
z-index:10000;
}
#cartfiller{
position:absolute;
width: 175px;
left: 54px;
top: 788px;
}
#pricingnote{
position:absolute;
left: 558px;
top: -273px;
width: 213px;
}
#viewcart{
margin-top:155px;
margin-left:-150px;
}
/*— Each sidebar and maincontent number applies to a seperate page and way the divs work with images.—*/
#sidebar1{
line-height: 45px;
font-weight: lighter;
font-style: italic;
font-size: 1.2em;
width: 160px;
float: left;
margin-top: -190px;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-left: -15px;
}#sidebar1 ul {
list-style-type: none;
}
#sidebar1 ul li a {
color: #000;
text-decoration: none;
border-bottom: 1px #c90 solid;
padding-bottom: 7px;
}
#maincontent {
line-height: 40px;
font-size: 1em;
color: #333;
margin-top: -190px;
float: right;
width: 615px;
margin-right: 10px;
}
#maincontent h1 {
font-weight: lighter;
color: black;
margin-bottom: -15px;
}
/*— Each sidebar and maincontent number applies to a seperate page and way the divs work with images.—*/
#sidebar2 {
line-height: 45px;
font-weight: lighter;
font-style: italic;
font-size: 1.2em;
width: 160px;
float: left;
margin-top: 0px;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-left: -15px;
}#sidebar2 ul {
list-style-type: none;
}
#sidebar2 ul li ul {
line-height: 25px;
padding-top: 10px;
font-size: 17px;
padding-left: 20px;
text-indent: -17px;
}
#sidebar2 ul li ul a {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#sidebar2 ul li a {
color: #000;
text-decoration: none;
border-bottom: 1px #c90 solid;
padding-bottom: 7px;
list-style: none;
}
#sidebar1 a:hover{
color:#C89F3A;
}
#sidebar2 a:hover{
color:#C89F3A;
}
#maincontent1 {
line-height: 40px;
font-size: 1em;
color: #333;
margin-top: -60px;
float: right;
width: 615px;
margin-right: 10px;
}
#maincontent1 h1 {
font-weight: lighter;
color: black;
margin-bottom: -15px;
}
/*— Each sidebar and maincontent number applies to a seperate page and way the divs work with images.—*/
#sidebar3 {
line-height: 45px;
font-weight: lighter;
font-style: italic;
font-size: 1.2em;
width: 160px;
float: left;
margin-top: -60px;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-left: -15px;
}#sidebar3 ul {
list-style-type: none;
}
#sidebar3 ul li a {
color: #000;
text-decoration: none;
border-bottom: 1px #c90 solid;
padding-bottom: 7px;
list-style: none;
}
#sidebar3 a:hover{
color:#C89F3A;
}
#maincontent2 {
line-height: 40px;
font-size: 1em;
color: #333;
margin-top: 0px;
float: right;
width: 615px;
margin-right: 10px;
}
#maincontent2 h1 {
font-weight: lighter;
color: black;
margin-bottom: -15px;
}
#container1 #maincontent p {
line-height: 25px;
}
#container1 #maincontent .top.text {
margin-top: 25px;
}
#maincontent2 #chartbuttons {
width: 200px;
margin-top: -10px;
margin-bottom: -140px;
}
#maincontent2 #chartbuttons1 {
width: 150px;
margin-top: -10px;
margin-bottom: -150px;
}
#maincontent2 #chartbuttons2 {
width: 150px;
margin-top: -10px;
margin-bottom: -250px;
}
#maincontent2 #Tgeb {
float: right;
width: 460px;
margin-top:-10px;
}
#small,#medium,#large {
float:left;
margin-right:10px;
}
#small1,#medium1,#large1 {
float:left;
margin-right:8px;
margin-top:-55px;
}
#small1{
margin-left:15px;
}
.gold {
color: #c90;
}
.style10 {
color: #F6F0E2;
}
.small {
font-size: 12px;
}
PLEASE HELP