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
    Regular Coder
    Join Date
    Jul 2003
    Posts
    601
    Thanks
    17
    Thanked 0 Times in 0 Posts

    Why is NS doing this?

    Hey Guys,

    Can you please take a look at the following link and give me some advice on how to make the grey (#ccc) line along the left and ride side of the page stretch all the way down in NS? It looks fine in IE, but only goes part way down in Netscape. Here's the link:

    http://www.witchkraftracing.com/test/index_ns.html

    Here's the stylesheet:


    body {
    /*overflow: auto;*/
    margin: 0px;
    padding: 0px;
    background-color: #f7f7f7;
    height: 100%;
    font-family: Verdana, Arial, sans-serif;
    }

    #content {
    position: absolute;
    float: left;
    left: 50%;
    width: 760px;
    height: 100%;
    margin-left: -380px;
    border: 1px solid #ccc;
    border-width: 0 1px;
    background-color: #fff;
    /*border:1px solid #ffcc00;*/
    }
    body>#content {
    margin-left:-380px; /* Correct value. */
    }

    #topHeader {
    width: 760px;
    height: 50px;
    margin: 0px;
    padding: 0px;
    border-bottom: 5px solid #39515A;
    /*border: 1px solid #ffcc00;*/
    }

    #imgHeader {
    width: 760px;
    height: 150px;
    margin: 0px;
    padding: 0px;
    background: #f7f7f7;
    border-top: 4px solid #fff;
    border-bottom: 3px solid #fff;
    /*border: 1px solid #ffcc00;*/
    }

    #nav {
    margin: 0 0 10px 0;
    padding: 3px 0 0 0;
    height: 20px;
    background: #999;
    text-align: center;
    border-top: 5px solid #39515A;
    border-bottom: 1px solid #39515A;
    /*border: 1px solid #ffcc00;*/
    }

    .navElements {
    padding: 1px 10px 2px 10px;
    font-size: 12px;
    color: #fff;
    font-variant: small-caps;
    text-align: center;
    /*border: 1px solid #ccc;
    border-width: 0 1px;*/
    /*border: 1px solid #ffcc00;*/
    }

    #date {
    width: 506px;
    margin: 0 0 0 254px;
    padding: 0px;
    color: #999;
    text-align: center;
    /*border: 1px solid #ffcc00;*/
    }

    #rowOne {
    width: 760px;
    height: 150px;
    margin: 0px;
    padding: 0px;
    background: #000;
    border: 1px solid #ccc;
    border-width: 1px 0px;
    }

    #rowOneLeft {
    float: left;
    width: 253px;
    height: 150px;
    margin: 0px;
    padding: 0px;
    background: #fff;
    /*background: url(images/angledLines.jpg) no-repeat;*/
    border-right: 1px solid #ccc;
    }

    #rowOneLeft ul li {
    background: url(images/arrow1.gif) no-repeat 2px 4px;
    margin: 10px 0 0 0;
    display: block;
    padding: 0 0 0 15px;
    line-height: 15px;
    color: #666;
    /*border: 1px solid #000;*/
    }

    #rowOneRight {
    float: left;
    width: 506px;
    height: 150px;
    margin: 0px;
    padding: 0px;
    background: #FF9A00;
    /*background: url(images/rowOneRight.jpg) no-repeat;*/
    }

    #rowTwo {
    width: 760px;
    height: 200px;
    margin: 0px;
    padding: 0px;
    background: #fff;
    border-bottom: 5px solid #ccc;
    /*border: 1px solid #000;*/
    }

    #rowTwoLeft, #rowTwoMiddle {
    float: left;
    width: 253px;
    height: 200px;
    border-right: 1px solid #ccc;
    /*border: 1px solid #000;*/
    }

    .rowTwoLeftImage {
    float: left;
    margin: 10px 5px 0px 5px;
    /*border: 1px solid #000;*/
    }

    .rowTwoLeftText {
    float: left;
    width: 120px;
    height: 70px;
    margin: 10px 0 0 0;
    /*border: 1px solid #000;*/
    }

    .rowTwoLeftText ul li {
    background: url(images/arrow2.gif) no-repeat 70px 11px;
    margin: 0 0 0 -10px;
    padding: 8px 0 0 0;
    display: block;
    color: #666;
    /*border: 1px solid #000;*/
    }

    #rowTwoMiddleTable {
    float: left;
    margin: 10px;
    color: #39515A;
    /*border: 1px solid #ffcc00;*/
    }

    /* for IE */
    * html #rowTwoMiddleTable {margin: 10px 5px 5px 5px;}


    #rowTwoMiddleTable ul li {
    background: url(images/arrow2.gif) no-repeat 140px 7px;
    width: 180px;
    margin: 5px 0 0 -10px;
    padding: 4px 0 0 0;
    display: block;
    color: #666;
    /*border: 1px solid #000;*/
    }

    #rowTwoRight {
    float: left;
    width: 252px;
    height: 200px;
    /*border: 1px solid #ffcc00;*/
    }

    .rowTwoRightTop {
    float: left;
    width: 210px;
    height: 34px;
    margin: 10px;
    /*border: 1px solid #000;*/
    }
    /* for IE */
    * html .rowTwoRightTop {margin: 10px 10px 10px 5px;}

    .rowTwoRightMiddle {
    height: 60px;
    margin: 10px;
    /*border: 1px solid #000;*/
    }
    /* for IE */
    * html .rowTwoRightMiddle {margin: 0px 5px 10px 10px;}

    #rowTwoRight ul li {
    background: url(images/arrow2.gif) no-repeat 135px 7px;
    margin: 27px 0 0 -10px;
    padding: 4px 0 0 10px;
    display: block;
    color: #666;
    /*border: 1px solid #000;*/
    }

    #rowTwoLeftHeader, #rowTwoMiddleHeader, #rowTwoRightHeader {
    float: left;
    width: 252px;
    height: 20px;
    background: #f7f7f7;
    padding: 0 0 5px 0;
    }

    /* for IE */
    * html #rowTwoLeftHeader, * html #rowTwoMiddleHeader, * html #rowTwoRightHeader {padding-bottom: 0px;}


    #footer {
    /*position:absolute;*/
    text-align: left;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #999;
    margin: 2px 0 2px 1px;
    padding: 0;
    bottom: 0;
    width: 750px;
    background: #fff;
    /*clear: both;*/
    /*border: 1px solid #ffcc00;*/
    }

    #e {
    text-align: left;
    color: #999;
    margin: 0px;
    padding: 5px 0;
    bottom: 0;
    width: 100%;
    background: #39515A;
    /*border: 1px solid #ffcc00;*/
    }


    /* links */

    a:visited
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #152F49;
    }

    a:hover
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #336699;
    }

    a.rowTwo, a.rowTwo:link, a.rowTwo:visited {
    color: #DF670E;
    font-weight: bold;
    }

    a.rowTwo:hover {
    color: #F5954E;
    }

    a.subLinks, a.subLinks:link, a.subLinks:visited {
    font-size: 10px;
    text-decoration: none;
    }

    a.subLinks:hover {
    text-decoration: underline;
    color: #666;
    /*border: 1px solid #ffcc00;*/
    }

    a.navElements, a.navElements:link, a.navElements:visited {
    margin: 0px;
    padding: 0px;
    color: #fff;
    text-decoration: none;
    }

    a.navElements:hover {
    background: #ACADAD;
    }

    a.blueBG, a.blueBG:link, a.blueBG:visited {
    color: #152F49;
    font-size: 11px;
    }

    a.blueBG:hover {
    background: #E6F4FB;
    }

    a.redlink, a.redlink:link, a.redlink:visited {
    font-size: 11px;
    color: #BD1C08;
    }

    a.redlink:hover {
    font-size: 11px;
    color: #FE260B;
    }

    /* text */

    p {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    line-height: 16px;
    color: #333333;
    margin: 10px 0 10px 0;
    padding: 0px;
    }

    p.greyBG {
    color: #152F49;
    font-weight: bold;
    padding: 3px;
    background: #f7f7f7;
    }

    p.header {
    font-size: 11px;
    margin: 0px;
    color: #DF670E;
    font-weight: bold;
    }

    p.subHeader {
    font-size: 10px;
    color: #333;
    margin: 0 0 0 5px;
    }

    p.header1 {
    margin: 5px 0 0 10px;
    color: #39515A;
    font-weight: bold;
    }

    p.header2 {
    margin: 0 0 2px 0;
    font-size: 11px; /* needed so links don't load at 10px on first load */
    font-weight: bold;
    }

    p.rowTwoHeaderText {
    font-size: 10px;
    font-weight: bold;
    color: #333;
    margin: 0 0 0 10px;
    padding: 5px;
    }

    p.textLink {
    color: #000;
    margin: 0px;
    height: 30px;
    border: 1px solid #000;
    }

    img {
    border: 0px;
    }
    /* this is for having text alongside an image */
    .imgAndText {
    float: left;
    padding-right: 10px;
    }

    td {
    font-size: 10px;
    }

    td.header {
    color: #DEE7EF;
    }

    ul {
    margin: 5px 0 0 10px;
    padding: 0px;
    }

    .textbox
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    }

    .button
    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #000000;
    }

    Thanks!

  • #2
    Regular Coder
    Join Date
    Jul 2004
    Location
    engoku no anime
    Posts
    354
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I take it you mean the bottom section? You want the white space below the grey bar at the bottom to show up in NS? Hmm... I'll see what I can do, but many other members are smarter than me.

  • #3
    Regular Coder
    Join Date
    Jul 2003
    Posts
    601
    Thanks
    17
    Thanked 0 Times in 0 Posts
    There's a 1 pixel line that extends the length of the page on both the left and right of the "main content". It's stretches all the way in IE, but only to "rowOne" in NS.

    Does that make sense?


  •  

    Posting Permissions

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