Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Sep 2007
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Hideing and Displaying DIV's IE7 VS Firefox

    I am currently having a problem with Firefox displaying and hiding DIV's correctly. It works fine in IE 7 but firefox 1.5 and 2 are not allowing the div's to hide and show. Any help would be much appreciated.

    <!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=iso-8859-1" />
    <title>Kokomo-Center Consolidated School Corporation</title>
    <link href="kokomo.css" rel="stylesheet" type="text/css" />
    </head>
    <body id="content" bgcolor="#491116">
    <!-- This is the CSS definition for the swap DIV dimensions and such. -->

    <!-- This JavaScript does the work when mouse-sensitive areas are triggered. -->
    <script type="text/javascript" language="JavaScript"><!--
    function HideDIV(d) { document.getElementById(d).style.display = "none"; }
    function DisplayDIV(d) { document.getElementById(d).style.display = "block"; }
    //--></script>

    <!-- Div's for the changing picture area. The one you want to be on top has to be the one on the bottom of the list-->


    <div class="changebanner">
    <div id="schoolspicDIV" class="changebanner">
    <img class="banner" src="ourschools.jpg" alt="our schools pic" />
    </div>

    <div class="changebanner">
    <div id="communitypicDIV" class="changebanner">
    <img class="banner" src="communitypic.jpg" alt="Community Picture" />
    </div>

    <div id="supportpicDIV" class="changebanner">
    <img class="banner" src="support.jpg" alt="support picture" />
    </div>

    <div id="districtpicDIV" class="changebanner">
    <img class="banner" src="districtpic.jpg" alt="districtpic" />
    </div>

    <div id="boardpicDIV" class="changebanner">
    <img class="banner" src="boardpic.jpg" alt="board pic" />
    </div>

    <div id="frontDIV" class="changebanner">
    <img class="banner" src="frontbanner.jpg" alt="front banner" />
    </div>



    </div>

    <!-- Setup for the linkbox. Positioning is controlled by the kokomo.css-->
    <table class="linkbox">
    <tr>
    <td>
    <div id="nav-menu">
    <div class="toplinks">
    <ul>

    <li>

    <!-- Button actions for the home button -->
    <span onmouseover="HideDIV('supportDIV');HideDIV('supportpicDIV');HideDIV('boardDIV');HideDIV('boardpicDIV ');HideDIV('schoolsDIV');HideDIV('communitypicDIV');HideDIV('districtDIV');HideDIV('communityDIV');H ideDIV('initDIV');DisplayDIV('frontDIV');DisplayDIV('initDiv')" style="cursorointer">
    <a href="http://www.kokomo.k12.in.us">Home</a>
    </span></li>

    <!-- Button actions for the Our Disctrict button -->
    <li><span onmouseover="HideDIV('schoolsDIV');HideDIV('frontDIV');HideDIV('initDIV');HideDIV('boardDIV');HideDI V('boardpicDIV');HideDIV('communitypicDIV');HideDIV('communityDIV');HideDIV('supportDIV');HideDIV('s upportpicDIV');DisplayDIV('districtpicDIV');DisplayDIV('districtDIV')" style="cursorointer"><a href="http://www.kokomo.k12.in.us/support_services/">Our District</a></span></li>

    <!-- Button Actions for the support services button -->
    <li><span onmouseover="HideDIV('schoolsDIV');HideDIV('initDIV');HideDIV('communityDIV');HideDIV('communitypicD IV');HideDIV('boardDIV');HideDIV('boardpicDIV');HideDIV('districtpicDIV');HideDIV('districtDIV');Dis playDIV('supportpicDIV');DisplayDIV('supportDIV')" style="cursorointer"><a href="http://www.kokomo.k12.in.us/support_services/">Support Services</a></span></li>

    <!-- button actions for the Our Schools button-->
    <li><span onmouseover="HideDIV('supportDIV');HideDIV('initDIV');HideDIV('frontDIV');HideDIV('communitypicDIV') ;HideDIV('initDIV');HideDIV('supportpicDIV');HideDIV('schoolsDIV');HideDIV('districtDIV');HideDIV('c ommunityDIV');HideDIV('districtpicDIV');HideDIV('initDIV');HideDIV('boardDIV');HideDIV('boardpicDIV' );DisplayDIV('schoolspicDIV');DisplayDIV('schoolsDiv')" style="cursorointer"><a href="http://www.kokomo.k12.in.us/our_schools/">Our Schools</a></span></li>

    <!-- button actions for the community button -->
    <li><span onmouseover="HideDIV('supportDIV');HideDIV('frontDIV');HideDIV('initDIV');HideDIV('supportpicDIV');H ideDIV('schoolsDIV');HideDIV('districtDIV');HideDIV('schoolspicDIV');HideDIV('schoolsDIV');HideDIV(' districtpicDIV');HideDIV('initDIV');HideDIV('boardDIV');HideDIV('boardpicDIV');DisplayDIV('community picDIV');DisplayDIV('communityDiv')" style="cursorointer"><a href="http://www.kokomo.k12.in.us/community/">Community</a></span></li>

    <li><span onmouseover="HideDIV('supportDIV');HideDIV('frontDIV');HideDIV('initDIV');HideDIV('supportpicDIV');H ideDIV('schoolsDIV');HideDIV('districtDIV');HideDIV('schoolspicDIV');HideDIV('schoolsDIV');HideDIV(' districtpicDIV');HideDIV('initDIV');HideDIV('communityDIV');HideDIV('communitypicDIV');DisplayDIV('b oardDIV');DisplayDIV('boardpicDiv')" style="cursorointer"><a href="http://www.kokomo.k12.in.us/boe/">School Board</a></span></li>



    </ul>
    </div>
    </div>
    </td>
    </tr>
    </table>

    <!-- Home area button information -->
    <div id="initDiv" class="mybox" style="background-color:#5d6679;">
    <div class="linkstyle">
    <a href="http://blackboard.kokomoschools.com/webapps/login?action=relogin" target="_parent">Blackboard</a>
    <a href="http://www.kokomoschools.com/intranet/index1.htm?B1=%2B%2B%2B%2BOK%2B%2B%2B%2B" target="_parent">Online-tools</a>
    <a href="http://pwrschool.kokomo.k12.in.us/public/" target="_blank">PowerSchool</a>
    <a href="https://mail.kokomo.k12.in.us/exchange">E-Mail</a>
    <a href="http://www.weather.com/weather/local/46901?lswe=46901&lwsa=WeatherLocalUndeclared&from=whatwhere" target="_blank">Weather</a>
    <a href="http://www.dynacal.com/kcs/" target="_blank">Calendar</a>
    <a href="http://blackboard.kokomoschools.com/webapps/portal/frameset.jsp?tab=courses&url=%2Fbin%2Fcommon%2Fcourse.pl%3Fcourse_id%3D_154_" target="_blank">Jobs</a>
    </div>
    </div>

    <!-- Support Services Sub Link information -->
    <div id="supportDIV" class="mybox" style="display:none; background-color:#5d6679;">

    <div class="linkstyle">
    <a href="http://www.kokomo.k12.in.us/support_services/iis/">Information and Technology Services</a>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="http://blackboard.kokomoschools.com/webapps/portal/frameset.jsp?tab=courses&url=%2Fbin%2Fcommon%2Fcourse.pl%3Fcourse_id%3D_282_" target="_blank">Kokomo-Center Schools Special Education</a>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="http://blackboard/webapps/portal/frameset.jsp?tab=courses&url=%2Fbin%2Fcommon%2Fcourse.pl%3Fcourse_id%3D_320_" target="_blank">Title I</a> <br />

    <a href="http://kokomoschools.com/intranet/SD/TRAINING6/index.htm" target="_blank">Professional Development</a>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;

    <a href="http://blackboard.kokomoschools.com/webapps/portal/frameset.jsp?tab=courses&url=%2Fbin%2Fcommon%2Fcourse.pl%3Fcourse_id%3D_1001_1 " target="_blank">Kokomo Area Special Education Cooperative </a>

    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

    <a href="http://blackboard.kokomoschools.com/webapps/portal/frameset.jsp?tab=courses&url=/bin/common/course.pl?course_id=_1138_1" target="_blank">Kokomo Teachers Association</a></div>
    </div>

    <!-- Link box for Our Schools -->
    <div id="schoolsDIV" class="mybox" style="display:none; background-color:#5d6679;">
    <div class="linkstyle">
    <a href="http://www.kokomo.k12.in.us/elwoodhaynes/" target="_blank">Elwood Haynes Elementary </a>
    <a href="http://www.kokomo.k12.in.us/LafayettePark_Elementary/" target="_blank">Lafayette Park Elementary </a>
    <a href="http://www.kokomo.kl2.in.us/MapleCrest_Elementary/" target="_blank">Maple Crest Elementary </a>
    <a href="http://www.kokomo.k12.in.us/PettitPark/" target="_blank">Pettit Park Elementary</a>
    <a href="http://www.kokomo.k12.in.us/sycamore/" target="_blank">Sycamore Elementary</a>
    <br />
    <a href="http://www.kokomo.k12.in.us/wallace/" target="_blank">Wallace Elementary </a>
    <a href="http://www.kokomo.k12.in.us/washington/" target="_blank">Washington Elementary </a>
    <a href="http://www.kokomo.k12.in.us/centralmiddle/" target="_blank">Central Middle School</a>
    <a href="http://www.kokomo.k12.in.us/BonAir_middle/" target="_blank">Bon Air Middle School </a>
    <a href="http://www.kokomo.k12.in.us/MapleCrest_Middle" target="_blank">Maple Crest Middle School</a><br />
    <a href="http://www.kokomo.k12.in.us/LafayettePark_Middle/" target="_blank">Lafayette Park Middle School</a>
    <a href="http://www.kokomoschools.com/Khssc/KHSSC.HTM" target="_blank">Kokomo High School</a>
    <a href="http://www.kokomoschools.com/KACC/index.html" target="_blank">Kokomo Area Career Center</a>
    <a href="http://www.kokomo.k12.in.us/mckinley/" target="_blank">McKinley Alternative School</a>


    </div>
    </div>

    <!-- Link box for Community Links -->
    <div id="communityDIV" class="mybox" style="display:none; background-color:#5d6679;"><div class="linkstyle">
    <a href="http://www.wfrn.com/">WFRN (93.7 FM)</a>&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="http://www.mbn.org/default.asp?SectionID=B2C3F5B4517B4B30954AF34622932284">WIWC (91.7 FM)</a>&nbsp;&nbsp;
    <a href="http://www.wshw.com/">WSHW (99.7 FM)</a>&nbsp;&nbsp;&nbsp;
    <a href="http://www.wwki.com/">WWKI (100.5 FM)</a>&nbsp;
    <a href="http://wb4.trb.com/">WTTV (Channel 4)</a>&nbsp;&nbsp;&nbsp;
    <a href="http://fox59.trb.com/">WXIN (Channel 59)</a><br />
    <a href="http://www.theindychannel.com/index.html">WRTV (channel 6)</a>&nbsp;&nbsp;
    <a href="http://www.wishtv.com/">WISH (Channel 8)</a>
    <a href="http://www.wthr.com/">WTHR (Channel 13)</a>
    <a href="http://www.wlfi.com/">WLFI (Channel 18)</a>
    <a href="http://www.wndy.com/">WNDY (Channel 23)</a>
    <a href="http://www.whmbtv.com/">WHMB (Channel 40)</a><br />
    <a href="http://www.kokomoperspective.com/">Kokomo Perspective</a>
    <a href="http://www.kokomotribune.com/">Kokomo Tribune</a>
    <a href="http://www.indystar.com/">Indianapolis Star</a>&nbsp;
    <a href="http://www.nws.noaa.gov/">Local Weather</a>
    </div>
    </div>

    <!-- Link Box for District Links -->
    <div id="districtDIV" class="mybox" style="display:none; background-color:#5d6679;">
    <div class="linkstyle"><a class="linkstyle" href="http://www.kokomo.k12.in.us/pl221/">Building PL221 Documents</a>
    <br />
    <a href="http://blackboard.kokomo.k12.in.us/webapps/portal/frameset.jsp?tab=courses&url=%2Fbin%2Fcommon%2Fcourse.pl%3Fcourse_id%3D_157_">District Documents</a>
    </div>
    </div>

    <div id="boardDIV" class="mybox" style="display:none; background-color:#5d6679;">
    <div class="linkstyle"><a class="linkstyle" href="http://www.kokomo.k12.in.us/boe/">Building PL221 Documents</a>
    <br />
    <a href="http://blackboard.kokomo.k12.in.us/webapps/portal/frameset.jsp?tab=courses&url=%2Fbin%2Fcommon%2Fcourse.pl%3Fcourse_id%3D_157_">District Documents</a>
    </div>
    </div>


    <!-- Main front page text goes here -->
    <table class="mainbox">
    <tr>
    <td><div class="calendar">
    <iframe class="secondtxtbox" src="calendar.html"></iframe>
    </div>
    <div class="maincontent">
    <table class="txtarea">
    <tr>
    <td>


    <div class="pageheader">Welcome to Kokomo-Center Schools...</div><img height="10" src="images/spacer.jpg" width="15" />There is no better place to work and live than Kokomo, Indiana, and there is no better place than Kokomo-Center Schools for your children to receive a quality education. <br />
    <br />
    <img height="10" src="images/spacer.jpg" width="15" />We have 11 elementary (K-5) schools with an average student population of 313. We have four middle (6-8) schools with an average student population of 424. Our high School, with an attached Career Center, is located on one campus. The average size of each class (freshmen through senior) is 414. All of our buildings are air-conditioned. <a href="KCSguide.pdf" target="_blank"> ...more</a></td>
    </tr>
    </table>
    </div>
    <br /><br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />



    </td>
    </tr>
    </table>

    <div class="rotating">
    <table class="rotatingimg">
    <tr>
    <td><img class="frontgif" src="images/slide-show.gif" alt="front rotating GIF" /></td>
    </tr>
    </table>
    </div>

    <!-- Footer content Goes here: Spacing is controlled by the CSS padding and the &nbsp's -->
    <table class="frontfooter">
    <tr>
    <td class="footertext"> Kokomo-Center Schools &nbsp; &nbsp; &nbsp; &nbsp; 100 W. Lincoln Rd. P.O. Box 2188 &nbsp; &nbsp; &nbsp; &nbsp; Kokomo, Indiana 46904-2188 &nbsp; &nbsp; &nbsp; &nbsp; (765)455-8000
    </td>
    </tr>
    </table>


    </div>





    </body>
    </html>

  • #2
    New Coder
    Join Date
    Aug 2007
    Posts
    58
    Thanks
    2
    Thanked 6 Times in 6 Posts
    Wrap it in [ code ] tags please! Otherwise I won't help you, and I doubt others will. You really ought to use formatting to indent your code in a structure tree. Sometimes doing the tree alone can solve problems because you didn't close your divs or something.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •