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

    CSS in NS 7.2 - Worked on Friday, not today?

    I really hope someone can help with this - if you look at http://www.springcreekdesigns.com in Netscape 7.2, over a 1024x768 resolution, most of my CSS is fine, but for some reason the following divs are all showing aligned to the left - threestoneimg, bridalimg, text8, and text10.

    The correlating css for those elements are:
    .threestoneimg {position: absolute;
    top: 209px;
    left: 225px;
    height: 174px;
    width: 276px;
    z-index: 2;
    border-width: 1px;
    border-color: rgb(153,153,153);
    border-style: solid;}

    .bridalimg {position: absolute;
    top: 425px;
    left: 676px;
    height: 174px;
    width: 276px;
    z-index: 2;
    border-width: 1px;
    border-color: rgb(153,153,153);
    border-style: solid;}

    .text10 {position: absolute;
    top: 449px;
    left: 293px;
    height: 117px;
    width: 396px;
    z-index: 3;
    font-family: Georgia, serif;
    font-size: 12pt;
    line-height: 120%;
    text-align: center;
    border-width: 1px;
    border-color: rgb(153,153,153);
    border-style: solid;
    background-color: rgb(204,204,230);
    overflow: hidden}

    .text8 {position: absolute;
    top: 247px;
    left: 492px;
    height: 117px;
    width: 393px;
    z-index: 3;
    font-family: Georgia, serif;
    font-size: 12pt;
    line-height: 120%;
    text-align: center;
    border-width: 1px;
    border-color: rgb(153,153,153);
    border-style: solid;
    background-color: rgb(204,204,230);
    overflow: hidden}

    What's making me pull my hair out is that before I sent it live-to-site, it worked perfectly. There ARE elements that don't validate at W3 - the scroll bar attributes, for example, and a stupid section where I've used named color values (which I do need to change, I know).

    Any clue why this was working perfectly on Friday, but not today? (Looks great in MSIE, of course. )

    I'm editing to ask if maybe it's because I do use some xhtml coding here and there (the favico tag calls to self-close) - could that be causing NS to read the existing doctype of 4.01/transitional in quirk mode instead? Should I consider changing doctypes? (How about valium? rum?)

    Thanks for any help.
    Shan
    Last edited by txtwister; 03-16-2005 at 07:31 PM. Reason: additional info/question about doctype, maybe

  • #2
    New to the CF scene
    Join Date
    Mar 2005
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    OK, to further muddy the waters, my 800x600 resolution style sheet (style1.css) works fine - it's got to be something in this sheet:



    body {scrollbar-face-color: rgb(187, 210, 207);
    scrollbar-arrow-color: rgb(101, 90, 142);
    scrollbar-highlight-color: rgb(238, 255, 249);
    scrollbar-3dlight-color: rgb(231, 241, 231);
    scrollbar-shadow-color: rgb(51, 98, 103);
    scrollbar-darkshadow-color: rgb(0, 72, 78);
    scrollbar-track-color: rgb(197, 199, 210);
    margin:0px 0px; padding:0px; }


    .thumb {font-size: 10pt; font-family: Verdana, Geneva, sans-serif; }

    .drag{position:relative;cursor:hand}

    a:link {color: rgb(46,51,255);
    background-color: transparent;
    font-weight: normal;
    font-style: normal;
    text-decoration: none}

    a:visited {color: rgb(255,0,255);
    background-color: transparent;
    font-weight: normal;
    font-style: normal;
    text-decoration: none}

    a:hover, a:active {color: rgb(255,255,255);
    background-color: rgb(101,90,142);
    font-weight: normal;
    font-style: normal;
    text-decoration: none}



    .jewelrylinks {position: absolute;
    top: 237px;
    left: 20px;
    height: 81px;
    width: 118px;
    z-index: 5;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10pt;
    line-height: 145%;
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    background-color: transparent;
    overflow: hidden}

    .usefullinks {position: absolute;
    top: 373px;
    left: 20px;
    height: 238px;
    width: 146px;
    z-index: 5;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10pt;
    line-height: 145%;
    background-color: transparent;
    overflow: hidden}

    .impinfotext {position: absolute;
    top: 663px;
    left: 20px;
    height: 134px;
    width: 146px;
    z-index: 5;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10pt;
    line-height: 145%;
    background-color: transparent;
    overflow: hidden}

    .navbarleftlong {position: absolute;
    top: 200px;
    left: 12px;
    height: 628px;
    width: 154px;
    z-index: 1;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0pt;
    line-height: 120%;
    border-top: 2px;
    border-left: 2px;
    border-right: 2px;
    border-bottom: 0px;
    border-color: rgb(101,90,142);
    border-style: solid;
    background-color: rgb(201,221,219);
    overflow: hidden}

    .jewelrytitlebox {position: absolute;
    top: 208px;
    left: 16px;
    height: 26px;
    width: 146px;
    z-index: 5;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14pt;
    line-height: 135%;
    padding: 2px;
    border-style: solid;
    border-top: 2px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 2px;
    border-color: rgb(203,204,230);
    background-color: rgb(150,186,182);
    overflow: hidden}

    .importantinfotitle {position: absolute;
    top: 611px;
    left: 16px;
    height: 49px;
    width: 146px;
    z-index: 5;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14pt;
    line-height: 135%;
    padding: 2px;
    border-style: solid;
    border-top: 2px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 2px;
    border-color: rgb(203,204,230);
    background-color: rgb(150,186,182);

    overflow: hidden}

    .usefulinfotitlebox {position: absolute;
    top: 321px;
    left: 16px;
    height: 49px;
    width: 146px;
    z-index: 5;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14pt;
    line-height: 135%;
    padding: 2px;
    border-style: solid;
    border-top: 2px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 2px;
    border-color: rgb(203,204,230);
    background-color: rgb(150,186,182);
    overflow: hidden}


    .bodytext {position: absolute;
    top: 200px;
    left: 174px;

    width: 819px;
    z-index: 1;
    font-family: Georgia, serif;
    font-size: 12pt;
    line-height: 120%;
    border-width: 2px;
    border-color: rgb(101,90,142);
    border-style: dotted;
    background-color: transparent;
    overflow: hidden}

    .bodytext2 {position: absolute;
    top: 615px;
    left: 174px;

    width: 819px;
    z-index: 1;
    font-family: Georgia, serif;
    font-size: 12pt;
    line-height: 120%;
    border-width: 2px;
    border-color: rgb(101,90,142);
    border-style: dotted;
    background-color: transparent;
    overflow: hidden}


    .mailerform {position: absolute;
    top: 828px;
    left: 12px;
    height: 174px;
    width: 154px;
    z-index: 3;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13pt;
    color: rgb(255,255,255);
    letter-spacing: 0em;
    line-height: 120%;
    text-align: center;
    border-top: 0px;
    border-left: 2px;
    border-right: 2px;
    border-bottom: 2px;
    border-color: rgb(101,90,142);
    border-style: solid;
    background-color: rgb(187,210,207);
    overflow: hidden}



    .navbargreentop {position: absolute;
    top: 4px;
    left: 8px;
    height: 4px;
    width: 991px;
    z-index: 1;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4pt;
    line-height: 39%;
    background-color: rgb(150,186,182);
    overflow: hidden}

    .navbargreen {position: absolute;
    top: 139px;
    left: 8px;
    height: 22px;
    width: 991px;
    z-index: 1;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0pt;
    line-height: 39%;
    background-color: rgb(187,210,207);
    overflow: hidden}

    .footertext {position: absolute;
    top: 1017px;
    left: 8px;
    height: 55px;
    width: 991px;
    z-index: 1;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0pt;
    line-height: 39%;
    background-color:transparent;
    overflow: hidden}

    .logo {position: absolute;
    top: 19px;
    left: 0px;
    height: 113px;
    width: 180px;
    z-index: 3}


    .cartimg {position: absolute;
    top: 141px;
    left: 977px;
    height: 16px;
    width: 19px;
    z-index: 3}

    .moissanitelogo {position: absolute;
    top: 38px;
    left: 692px;
    height: 73px;
    width: 305px;
    z-index: 3}

    .cardsimg {position: absolute;
    top: 798px;
    left: 16px;
    height: 23px;
    width: 150px;
    z-index: 3}






    body {background-color: rgb(255,255,255)}

    hr {size: 4; color: #96bab6}

    input.formbutton {background-color: #655a8e;
    font-weight: bold;
    font-size: 13px; font-family: Verdana;
    color: white;}

    input.formbox (background-color: rgb(230,230,255); font-size: 13px; font-family: Verdana;

    text-align: right}
    input {font-size: 13px;}

    option.linebreak {background-color: whitesmoke; font-size: 5px; color:lavender}
    option.line {background-color:whitesmoke; font-size: 13px; color: black}

    .threestoneimg {position: absolute;
    top: 209px;
    left: 225px;
    height: 174px;
    width: 276px;
    z-index: 2;
    border-width: 1px;
    border-color: rgb(153,153,153);
    border-style: solid;}



    .bridalimg {position: absolute;
    top: 425px;
    left: 676px;
    height: 174px;
    width: 276px;
    z-index: 2;
    border-width: 1px;
    border-color: rgb(153,153,153);
    border-style: solid;}

    .rhrimg {position: absolute;
    top: 669px;
    left: 231px;
    height: 174px;
    width: 276px;
    z-index: 2;
    border-width: 1px;
    border-color: rgb(153,153,153);
    border-style: solid;}


    .gentsimg {position: absolute;
    top: 1056px;
    left: 225px;
    height: 174px;
    width: 276px;
    z-index: 2;
    border-width: 1px;
    border-color: rgb(153,153,153);
    border-style: solid;}


    .colorimg {position: absolute;
    top: 870px;
    left: 676px;
    height: 174px;
    width: 276px;
    z-index: 2;
    border-width: 1px;
    border-color: rgb(153,153,153);
    border-style: solid;}


    .text14 {position: absolute;
    top: 1086px;
    left: 492px;
    height: 117px;
    width: 428px;
    z-index: 3;
    font-family: Georgia, serif;
    font-size: 12pt;
    line-height: 120%;
    text-align: center;
    border-width: 1px;
    border-color: rgb(153,153,153);
    border-style: solid;
    background-color: rgb(204,204,230);
    overflow: hidden}

    .text15 {position: absolute;
    top: 696px;
    left: 502px;
    height: 117px;
    width: 409px;
    z-index: 3;
    font-family: Georgia, serif;
    font-size: 12pt;
    line-height: 120%;
    text-align: center;
    border-width: 1px;
    border-color: rgb(153,153,153);
    border-style: solid;
    background-color: rgb(204,204,230);
    overflow: hidden}

    .text16 {position: absolute;
    top: 903px;
    left: 305px;
    height: 117px;
    width: 381px;
    z-index: 3;
    font-family: Georgia, serif;
    font-size: 12pt;
    line-height: 120%;
    text-align: center;
    border-width: 1px;
    border-color: rgb(153,153,153);
    border-style: solid;
    background-color: rgb(204,204,230);
    overflow: hidden}

    .text10 {position: absolute;
    top: 449px;
    left: 293px;
    height: 117px;
    width: 396px;
    z-index: 3;
    font-family: Georgia, serif;
    font-size: 12pt;
    line-height: 120%;
    text-align: center;
    border-width: 1px;
    border-color: rgb(153,153,153);
    border-style: solid;
    background-color: rgb(204,204,230);
    overflow: hidden}

    .text8 {position: absolute;
    top: 247px;
    left: 492px;
    height: 117px;
    width: 393px;
    z-index: 3;
    font-family: Georgia, serif;
    font-size: 12pt;
    line-height: 120%;
    text-align: center;
    border-width: 1px;
    border-color: rgb(153,153,153);
    border-style: solid;
    background-color: rgb(204,204,230);
    overflow: hidden}

  • #3
    Regular Coder
    Join Date
    Aug 2004
    Location
    codegoboom@yahoo.com
    Posts
    999
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by txtwister
    to further muddy the waters... it's got to be something in this sheet:
    Yeah, looks like a landslide to me...
    *this message will self destruct in n-seconds*

  • #4
    Regular Coder
    Join Date
    Jul 2003
    Posts
    600
    Thanks
    17
    Thanked 0 Times in 0 Posts
    All that for that? Clean up that CSS man.

  • #5
    New to the CF scene
    Join Date
    Mar 2005
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    LOL, did I really need to mention how new I am to CSS?

  • #6
    New to the CF scene
    Join Date
    Mar 2005
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Well, actually, now that I'm thinking about it... How? I mean, if CSS is the preferred option for positioning - for "everything" really - how much can you really clean up? By using more inline?

    What would you do? Most of this was generated using a CSS program I found on W3 - Cascade something or other, and of course while I'm familiar with HTML, I used that program to start to learn the CSS ropes - apparently not very well!


  •  

    Posting Permissions

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