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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jul 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    positioning problem in netscape 6.2/mac

    hello,

    I'm building out the front-end of a site which has a backend that requires a table-based layout. Nevertheless, I'm trying to optimize the front-end to not use spacer images, javascript rollovers and other elements that will weigh down the page. So far, the pages and css validate as html transitional, and look good in all browsers I've tested in except for netscape 6.2/mac.

    Basically, the topbar form and the leftnav are not repositioning themselves as the window is resized. I read about a bug in certain versions of netscape wherein absolutely positioned elements don't recognize tables, even if their parents are relatively positioned. Is there any solution for this?

    The URL is:

    http://dev.indigital.com:85/index.html

    I've included the css up to the leftnav. Everything after that is displaying OK:

    /* GLOBAL ITEMS */

    body {
    margin: 0 0;
    padding: 0;
    background-color: #E6E6C7;
    text-align: center;
    }

    p {
    font: 10px/12px Verdana, Arial, sans-serif;
    color: #000000;
    padding: 0 0 10px 0;
    margin: 0;
    border: 0;
    }

    a:link, a:visited {
    color: #663300;
    font-weight: bold;
    text-decoration: underline;
    }

    a:hover, a:active {
    color: #663300;
    font-weight: bold;
    text-decoration: none;
    }

    div#wrapper {
    margin: 0 auto;
    padding: 0;
    border: 0;
    width: 750px;
    text-align: left;
    }

    /* GLOBAL - TOP HEADER BAR */

    div#header {
    width: 750px;
    height: 100px;
    background: url(/images/dr_header.gif) top left no-repeat;
    padding: 0;
    margin: 0 0;
    border: 0;
    }

    div#topnav {
    height: 29px;
    width: 477px;
    margin: 0 0 0 273px;
    padding: 0;
    border: 0;
    background: transparent;
    }

    div#topnav ul#topmenu {
    height: 29px;
    width: 477px;
    background: transparent url(/images/topnav_dr_final.gif) top left no-repeat;
    margin: 0;
    padding: 0;
    position: relative;
    }

    div#topnav ul#topmenu li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 0;
    }

    ul#topmenu li, ul#topmenu a {
    height: 29px;
    display: block;
    }

    div#topnav ul#topmenu li a {
    text-indent: -9999px;
    text-decoration: none;
    }

    #mycars {left: 0; width: 59px;}
    #retail {left: 59px; width: 84px;}
    #faq {left: 143px; width: 30px;}
    #aboutus {left: 173px; width: 62px;}
    #viewcart {left: 235px; width: 78px;}
    #checkout {left: 313px; width: 78px;}
    #orderstatus {left: 391px; width: 78px;}

    #mycars a:hover {background: transparent url(/images/topnav_dr_final.gif) 0 -30px no-repeat;}
    #retail a:hover {background: transparent url(/images/topnav_dr_final.gif) -59px -30px no-repeat;}
    #faq a:hover {background: transparent url(/images/topnav_dr_final.gif) -143px -30px no-repeat;}
    #aboutus a:hover {background: transparent url(/images/topnav_dr_final.gif) -173px -30px no-repeat;}
    #viewcart a:hover {background: transparent url(/images/topnav_dr_final.gif) -235px -30px no-repeat;}
    #checkout a:hover {background: transparent url(/images/topnav_dr_final.gif) -313px -30px no-repeat;}
    #orderstatus a:hover {background: transparent url(/images/topnav_dr_final.gif) -391px -30px no-repeat;}

    /* GLOBAL - SEARCH NAV */

    div#searchnav {
    width: 750px;
    height: 33px;
    background: transparent url(/images/dr_searchnav.gif) top left no-repeat;
    padding: 0;
    margin: 0 0;
    border: 0;
    }

    #mycarsform, #mc1, #mc2 {
    background: transparent;
    padding: 0;
    margin: 0 0;
    border: 0;
    }

    form#mycarsforma {
    padding: 0;
    margin: 0 0;
    border: 0;
    }

    select {
    font: 10px Verdana, Helvetica, sans-serif;
    padding: 0;
    margin: 0 0;
    border: 0;
    }

    select#make {
    width: 128px;
    border: 0;
    }

    select#year {
    font: 10px Verdana, Helvetica, sans-serif;
    width: 78px;
    border: 0;
    }

    input.searchnavgo {
    width: 24px;
    height: 20px;
    border: 0;
    padding: 1px 0 0 0;
    margin: 0 0 0 4px;
    }

    td#sntundra {
    width: 256px;
    }

    /*form#searchform {
    padding: 0;
    margin: 0 0;
    border: 0;
    }*/

    div#searchposition {
    width: 99px;
    height: 20px;
    position: relative;
    padding: 0;
    margin: 0;
    border: 0;
    display: block;
    }

    #searchposition form#searchform {
    width: 99px;
    padding: 0;
    margin: 0;
    border: 0;
    }

    html>body #searchposition form#searchform {
    width: 99px;
    padding: 0;
    margin: 0;
    }

    input#criteria {
    font: 10px Verdana, Helvetica, sans-serif;
    width: 54px;
    height: 15px;
    padding: 0;
    margin: 3px 0 0 0;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    }

    input#searchformbtn {
    position: absolute;
    top: 0;
    left: 56px;
    }

    /* GLOBAL - MAIN BODY */

    div#main {
    background: transparent url(/images/dr_content_bg.gif) top left repeat-y;
    width: 750px;
    padding: 0;
    margin: 0 0;
    border: 0;
    }

    /* GLOBAL - LEFTNAV */

    div#leftnav {
    height: 238px;
    width: 141px;
    background: transparent;
    margin: 0;
    padding: 0;
    }

    div#leftnav ul#leftmenu {
    height: 238px;
    width: 141px;
    background: transparent url(/images/dr_leftnav.gif) top left no-repeat;
    margin: 0;
    padding: 0;
    position: relative;
    }

    div#leftnav ul#leftmenu li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 0;
    }

    ul#leftmenu li, ul#leftmenu a {
    height: 19px;
    display: block;
    }

    div#leftnav ul#leftmenu li a {
    text-indent: -9999px;
    text-decoration: none;
    }

    #tires {top: 0; width: 141px;}
    #suspension {top: 18px; width: 141px;}
    #drivetrain {top: 37px; width: 141px;}
    #engineperformance {top: 58px; width: 141px;}
    #exterior {top: 78px; width: 141px;}
    #interior {top: 98px; width: 141px;}
    #electrical {top: 118px; width: 141px;}
    #tools {top: 138px; width: 141px;}
    #towing {top: 158px; width: 141px;}
    #winch {top: 178px; width: 141px;}
    #wearables {top: 198px; width: 141px;}
    #garagesale {top: 218px; width: 141px;}

    #tires a:hover {background: transparent url(/images/dr_leftnav.gif) -141px 0 no-repeat;}
    #suspension a:hover {background: transparent url(/images/dr_leftnav.gif) -141px -18px no-repeat;}
    #drivetrain a:hover {background: transparent url(/images/dr_leftnav.gif) -141px -37px no-repeat;}
    #engineperformance a:hover {background: transparent url(/images/dr_leftnav.gif) -141px -58px no-repeat;}
    #exterior a:hover {background: transparent url(/images/dr_leftnav.gif) -141px -78px no-repeat;}
    #interior a:hover {background: transparent url(/images/dr_leftnav.gif) -141px -98px no-repeat;}
    #electrical a:hover {background: transparent url(/images/dr_leftnav.gif) -141px -118px no-repeat;}
    #tools a:hover {background: transparent url(/images/dr_leftnav.gif) -141px -138px no-repeat;}
    #towing a:hover {background: transparent url(/images/dr_leftnav.gif) -141px -158px no-repeat;}
    #winch a:hover {background: transparent url(/images/dr_leftnav.gif) -141px -178px no-repeat;}
    #wearables a:hover {background: transparent url(/images/dr_leftnav.gif) -141px -198px no-repeat;}
    #garagesale a:hover {background: transparent url(/images/dr_leftnav.gif) -141px -218px no-repeat;}

    Any help would be greatly appreciated.

    Thanks,

    --keith

  • #2
    New to the CF scene
    Join Date
    Jul 2005
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Is Netscape 6.x for the Mac still a relevant browser to test in anymore???

    It would simplify things considerably if I could slough it off.

  • #3
    Regular Coder
    Join Date
    May 2004
    Posts
    121
    Thanks
    0
    Thanked 0 Times in 0 Posts
    No, Mac/NN6x is not a relevant browser. Better test in a 7x version.


  •  

    Posting Permissions

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