The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> Spry Menu Bar, The Menu works in firefox but not properly in IE
BarackObama
post Apr 1 2011, 01:15 AM
Post #1





Group: Members
Posts: 1
Joined: 1-April 11
Member No.: 14,247



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
 
Reply to this topicStart new topic
Replies(1 - 1)
tbint62
post Apr 1 2011, 09:33 PM
Post #2


Newbie
*

Group: Members
Posts: 11
Joined: 11-January 09
From: Bakersfield MO
Member No.: 7,517



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 04:06 PM