The website address is lfupholstery.net
The spry menu bar works perfectly in firefox, in dreamweaver live view, but not in IE. Why?
He is the code for the home page.
<!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=utf-8" />
<title>Luis Feliz Upholstery</title>
<link rel="icon" href="favicon.ico" type="image/x-icon">
<style type="text/css">
body {
background-image: url(Images/bckgrdLF.gif);
background-repeat: repeat;
margin-top: 35px;
}
</style>
<style type="text/css">
body,td,th {
color: #FFF;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
text-align: center;
text-indent: 0;
word-spacing: normal;
letter-spacing: normal;
vertical-align: bottom;
white-space: normal;
}
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="800" border="0" align="center" background="Images/Menubar.jpg">
<tr>
<td height="150" align="right" valign="bottom"><ul id="MenuBar1" class="MenuBarHorizontal">
<li>
<div align="center"><a href="contactus.html">Contact Us</a></div>
</li>
<li>
<div align="center"><a class="MenuBarItemSubmenu" href="upholstery.html">Upholstery</a>
<ul>
<li><a href="sofas.html">Sofas</a></li>
<li><a href="chairs.html">Chair</a></li>
<li><a href="bedhead.html">Bed/Head</a></li>
<li><a href="ottomans.html">Ottomans</a></li>
<li><a href="curtainsandpillows.html">Curtains and Pillows</a></li>
<li><a href="dinningchairs.html">Dining Chairs</a></li>
</ul>
</div>
</li>
<li>
<div align="center"><a href="designservices.html">Services</a></div>
</li>
<li>
<div align="center"><a href="profile.html">Profile</a> </div>
</li>
<li>
<div align="center"><a href="home.html">Home</a></div>
</li>
</ul></td>
</tr>
</table>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
<table width="800" border="0" align="center" background="Images/homehtml.jpg">
<tr>
<td height="595"></td>
</tr>
</table>
<table width="800" border="0" align="center">
<tr>
<td height="50"><p>LFUPHOLSTERY</p>
<p>FOR DESIGNERS WHO CARE!!!</p></td>
</tr>
</table>
</body>
</html>
Hope someone can help here.
The only thing I see in IE is the drop downs position is high. I found IE to follow CSS better if "meta http-equiv="Content-Type" is charset=iso-8859-1 instead of charset=utf-8.
IE may read CSS positions properties better in charset=iso-8859-1.
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)