Help - Search - Members - Calendar
Full Version: Spry Menu Bar
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
BarackObama
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.
tbint62
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.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2014 Invision Power Services, Inc.