I am designing a website using ASP.Net 2.0 and C#2005. I have used a stylesheet for the background and the horizontal menu bar. I am dsplaying 4 menu items horizontally and below that I am displaying a Flash (.swf) banner. The page is being correctly rendered & displayed in IE8, Opera, FireFox, Chrome and Safari. But in IE 6 I am getting following problems:
1. There is a gap of around 25 px between the horizontal menu and the banner.
2. In the gap, the last 2 characters of the the last menu item description is getting displayed.
3. If I increase the menu items to 5 or more, the menu bar is being broken to 2 lines.
My Stylesheet is as follows :
body {
margin: 0;
padding: 0;
background-color: #329900;
background-image: url(Images/BG1.jpg);
background-repeat: repeat-x;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 12px;
}
a.nav, a.nav:link, a.nav:visited {display:block; width:140px; height:25px; background:#dca; border:1px solid #000;
margin-top:2px; text-align:center; text-decoration:none; font-family:verdana, arial, sans-serif;
font-size:12px; color:#000; line-height:25px; overflow:hidden; float:left;}
a.nav:hover {color:#fff; background:#764;}
a.nav:active {color:#fff; background:#c00;}
My Aspx page is coded as follows:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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 runat="server">
<title>Alpha Consultancy</title>
<link href="StyleSheet1.css" rel="stylesheet" type="text/css" id="stylesheet" />
</head>
<body>
<form id="form1" runat="server">
<a class="nav" href="Default.aspx" title="home">home</a>
<a class="nav" href="Page2.aspx" title="Page2">Page 2</a>
<a class="nav" href="Page3.aspx" title="Page3">Page 3</a>
<a class="nav" href="Page4.aspx" title="Page4">Page 4</a>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
HEIGHT="105" id="myMovieName"
VIEWASTEXT style="width: 1010px">
<param name=movie value="Images/AC.swf">
<param name=quality value=autohigh>
<param name=bgcolor value=black>
<param name=”menu” value=”false” />
<param name=flashvars value=”init=yes&check=true”>
<embed src="Images/AC.swf"
flashvars=”init=yes&check=true”
quality=high
bgcolor=#ffffff
width="1010"
height="105"
name="mymoviename"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
</object>
</form>
</body>
</html>
Can anybody please help me?
Thank you.
Lalit Kumar Barik