SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    Non-Member
    Join Date
    Jan 2002
    Posts
    45
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    what it comes down to . . . .well i guess.

    ok then . . i have valid HTML 4.0 and my styles are also valid. can anyone tell me why ******* NN 6+ screws up both my lauyout and CSS?????

    anyone who feels my pain join in the cry . . . oh my CSS file below if you know what I am talking about. the only thing that aint pure is the IE scrollbar crap. i mean as designers we code hard and code to the latest standards right. it's a kick in the guts when s h i t like this happens . . . as most of you probably agree.
    anyway we press on, any interest NN users show in this thread would be greatly appreciated though please forgive the mess that the NN 6+ broswer makes on my site. the url below.




    http://fluidinkpress.vr9.com

    scott

    /* Copyright Scott Villarosa 2002 . e | - svillarosa@hotmail.com */
    a:link {
    background: transparent;
    color: #191970;
    text-decoration: underline;
    }
    a:visited {
    background: transparent;
    color: #191970;
    text-decoration: underline;
    }
    a:active {
    background: transparent;
    color: #191970;
    text-decoration: underline;
    }
    a:hover {
    background: transparent;
    color: #191970;
    text-decoration: none;
    }
    p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 500;
    background: transparent;
    color: #000000;
    }
    b {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background: transparent;
    color: #000000;
    }
    body {
    background: transparent url(../images/_49.gif) repeat;
    color: #000000;
    margin: 0px 0px 0px 0px;
    scrollbar-3d-light-color: #4f6476;
    scrollbar-arrow-color: #4f6476;
    scrollbar-base-color: #b0c4de;
    scrollbar-dark-shadow-color: #4682b4;
    scrollbar-face-color: #4f6476;
    scrollbar-highlight-color: #4f6476;
    scrollbar-shadow-color: #4f6476;
    }
    #divUpControl {
    position: absolute;
    width: 14px; left: 486px;
    top: 79px; z-index:1;
    text-align: right; height: 10px;
    }
    #divDownControl {
    position: absolute;
    width: 14px; left: 486px;
    top: 247px; z-index: 1;
    text-align: right; height: 10px;
    }
    #divContainer {
    position: absolute;
    width: 194px; height: 152px;
    overflow: hidden;
    top: 88px; left: 405px;
    clip: rect(0px, 194px, 152px, 0px);
    visibility: hidden;
    }
    #divContent {
    position: absolute;
    top: 0px; left: 0px;
    }
    .fip {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 500;
    color: #cccccc;
    text-align: center;
    background: transparent url(../images/_61.gif);
    }
    .fip00 {
    background: #ffffff;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight: 500;
    color: #000000;
    }
    .fip01 {
    background: transparent url(../images/_70.gif) repeat;
    }
    .fip02 {
    text-align: right;
    }
    .fip03 {
    height: 27px;
    }
    .fip04 {
    height: 13px;
    }
    .fip05 {
    height: 40px;
    }
    .fip07 {
    height: 25px;
    }
    .fip06 {
    height: 79px;
    width: 121px;
    }
    .fip08 {
    height: 17px;
    width: 121px;
    }
    .fip09 {
    height: 8px;
    }
    .fip10 {
    background: transparent url(../images/_57.gif) repeat;
    width: 50%;
    }
    .fip11 {
    background: transparent url(../images/_58.gif) repeat;
    }
    .fip14 {
    background: transparent url(../images/_63.gif) repeat;
    }
    .fip15 {
    background: transparent url(../images/_64.gif) repeat;
    }
    .fip16 {
    background: transparent url(../images/_57.gif) repeat;
    }
    .fip17 {
    background: transparent url(../images/_02.gif) repeat;
    width: 100%;
    }
    .fip18 {
    background: transparent url(../images/_34.gif) repeat;
    }
    .fip19 {
    text-align: center;
    }
    .fip20 {
    background: transparent url(../images/_77.gif) repeat;
    }
    .fip21 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight: 500;
    color: #000000;
    background: #456576 url(../images/_09.gif) repeat;

    <edited by creole>
    please watch your language, thanks
    </edit>
    Last edited by creole; Feb 1, 2002 at 14:38.

  2. #2
    SitePoint Guru siphilp's Avatar
    Join Date
    Nov 2001
    Location
    Fife, Scotland
    Posts
    663
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

  3. #3
    Typo Negative brokenvoice's Avatar
    Join Date
    Dec 2001
    Location
    Scotland
    Posts
    227
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It could be related to the DOCTYPE you have declared. Or it could be something totally bizarre. For example, If you are using XHTML Transitional and fail to say what kind of character encoding you are using - either in an XML prologue or in a META tag - NS6/Moz 0.9.x both barf really badly.

  4. #4
    Non-Member
    Join Date
    Jan 2002
    Posts
    45
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    more on NS woes

    hi guys.

    thanks for the feedback, really helps.

    yeah my CSS is clean, it has something to do with class referances on the <TD> tags. also might be coz NS doesn't like empty cells.

    should be able to get through it with some debugging.

    oh and on the DTD. it's not that, tried all of that debugging to get to where i am now. basically the DTD i'm using puts the browser into QUIRKS mode which is what i want.

    any more suggestions would be great . . so is it really ok to hate NETSCAPE. a dude at were-here.com likes to call it NUT-SCRAPE . . I reckon he has a valid point.

    thanks again :-)

    scott

  5. #5
    SitePoint Guru moonman's Avatar
    Join Date
    Dec 2000
    Location
    The Sea of Tranquility
    Posts
    696
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Netscape's CSS isn't as tolerant as IE's. Opera's is worse still.

  6. #6
    SitePoint Wizard silver trophy TheOriginalH's Avatar
    Join Date
    Aug 2000
    Location
    Thailand
    Posts
    4,810
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Hey sjvilla 79. I agree, it can be an enormous pain in the bottom.

    Just a quick point though - the anti-profanity measures are on the site for a reason. Frustrating though I know your situation is, please use other words to vent your angst, rather than trying to get past the checker.

    Hope you get the prob sorted.

    Moonman - I find Opera's css implementation much better than NS's. In fact it was I believe more standards compliant than IE until v 6.
    ~The Artist Latterly Known as Crazy Hamster~
    922ee590a26bd62eb9b33cf2877a00df
    Currently delving into Django, GIT & CentOS

  7. #7
    Typo Negative brokenvoice's Avatar
    Join Date
    Dec 2001
    Location
    Scotland
    Posts
    227
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    OK, this should work. In your CSS you need to have this:
    Code:
    td > img
    {
        display : block;
    }
    That should get you going.

  8. #8
    Non-Member
    Join Date
    Jan 2002
    Posts
    45
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    NN 6+ problem almost fixed . . .

    hey there,

    thanks very much for pointing out the simple changes i needed to make to my style sheet. you can see the vast improvement to the table resize with netscape 6.+ problems at this link:

    http://fluidinkpress.vr9.com/content/verse.html

    there is one more problem with i have seemed to not get my head around. that being . . . .

    when i reference a cell with a class ( <td class ="fip10"></td> ) netscape still fails to render the style implied from my style sheet. note the sample below for the .fip10 class:

    .fip10 {
    background: transparent url(../images/_57.gif) repeat;
    width: 50%;
    }

    here is a sample of the HTLM tag that calls the class rule:

    <td rowspan=5 class="fip10"></td>

    yeah it's an empty tag, but i thought that using the style rule below in my style sheet would eliminate the problem.

    td > img
    {
    display: block;
    }

    i've tried filling the empty cell with the code below to mixed effects, basically it works in part but there must be an easier way to make the contents of the empty cells render in NN 6+ browsers.

    <td rowspan=5 class="fip10"><img src="../images/spacer.gif" width=1 height=1 border=0 alt=""></td>

    the actual html that this affects on my site is basically the gaps you can see at the sides of the table layout on the sample link above. this also affects my other class rules, which are meant to be filling the empty columns that are also noticeable when viewing the sample link with NN 6+. note that the site works a treat in any version of IE you have, it's just netscape that keeps pushing me back down to drawing board.

    so anyone with both IE and Netscape will be able to see the difference in cells that aren't rendering content. any thoughts or feedback on this problem would be more than appreciated. somebody must have come across this before right. well personally i think an alteration to the style rule ( EG: .fip10 ... see above) is the way to go about fixing it. The spacer.gif is ok, but really it is hardly conforming to standards now is it? note that my style sheet does validate at www.w3.org and posting here is really a last resort. (many of you have probably been reading my other posts :-) )

    one last thing to mention before i leave my post to the masses out there. yes i could use the 'background url' tag in my cell to render the content in Netscape how i would like. the exception is that then my HTML would not validate against any SGML parser, which in itself is not my desired and result, well not for anyone serious about writing clean code.

    thanks again for all your feedback so far, i'm looking forward to hearing any of your thoughts on this topic.

    one final last rant . . . netscape 4.7: i've given up in that department. oh and it isn't my DOC TYPE declaration that is doing it either . . been there.

    thanks,

    scott

    Wednesday in oz . . . . yeah down under :-)

    http://fluidinkpress.vr9.com


Bookmarks

Posting Permissions

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