712 users online (0 members and 712 guests)  

  Results 1 to 2 of 2


  1. No footer and checkbox    Forum: PHP Forum
    Replies: 5
  2. cant set font size in footer    Forum: CSS Forum
    Replies: 1
  3. Footer problems    Forum: CSS Forum
    Replies: 0
  4. Replies: 2
  1. #1
    Manoj B's Avatar
    New User

    Join Date
    Mar 2006

    scroll bar with fixed header and footer

    I have developed a website with dropdown SUBmenus where Header and footer part are fixed for all the web page. The body part of all the web pages have vertical scrollbar created with
    div.tableContainer {
    OVERFLOW: auto; HEIGHT: 316px;.}
    The dropdown menus (with onMouseOver event) and vertical scrollbar are working fine in IE. But there is some problem in Netscape 8.0. If I place the mouse in the menus then all the submenus are visible but if i try to click them, the submeus disappear. I give the code below.Is ther any other alternative to show header and footer constant with sub menus working with onMouseOver event ?

    <script language="javascript">
    function showsub(subname)
    document.getElementById(subname).style.visibility = "visible"; }
    function hidesub(subname)
    document.getElementById(subname).style.visibility = "hidden"; }


    <body leftmargin="0" topmargin="0" bottommargin="0" rightmargin="0"
    marginheight="0" marginwidth="0">

    <!-- coding for displaying the menu -->

    <table style="border-bottom: 1px solid rgb(36, 197, 153);" id="table4"
    align="center" border="0" cellpadding="0" cellspacing="0">

    <td align="center"><a href="xxxx.htm"
    onMouseOut="i8.src='images/menu1.gif'; hidesub('cmenu')"
    onMouseOver="i8.src='images/menu1.gif'; showsub('cmenu')"><img
    name="i8" src="images/ctcmenu1.gif" alt="In brief" border="0"
    height="25" width="74"></a></td>


    <!-- coding for displaying the submenu. Here submenus will call the javascript function showsub() above -->

    <div id="cmenu"
    style="position: absolute; left: 5px; top: 105px; z-index: 1; visibility: hidden;"
    onMouseOut="hidesub('cmenu')" onMouseOver="showsub('cmenu')">

    <table cellpadding="0" cellspacing="0">
    <td height="20" width="150"><a href="xxxx.htm#q1"
    class="menulinktxt"><img src="images/Wherused.gif"
    alt="where is used?" align="middle" border="0"></a></td>

    <!-- The below class=tableContainer is used to set the vertical scrollbar -->
    <div class="tableContainer">




    tableContainer is the class designed in css for displaying the vertical scrollbar.

    div.tableContainer {
    OVERFLOW: auto; HEIGHT: 316px;

    Pls help me to solve this problem.

  2. #2
    DeadMeatGF's Avatar

    Join Date
    Sep 2005

    Re: scroll bar with fixed header and footer

    I'm not too hot with CSS - but this guy is.
    You might be particularly interested in this page - don't forget to check out the comments ...

Tags for this Thread