Gap between menubar and banner

May 29 2009 3:33 AM

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


Answers (2)