Opera and Mozilla Problems

Discussion in 'Windows Desktop Systems' started by Geffy, Mar 4, 2003.

  1. Geffy

    Geffy Moderator Folding Team

    Messages:
    7,805
    Location:
    United Kingdom
    right I have made my site, http://www.geffychan.co.uk, but for some damn reason Opera shows it OK as long as you dont scroll and if you turn off all user stylesheets.

    Mozilla... I have never seen a more screwed up appearance.

    Can anyone please tell me how to make these browsers show my site correctly

    Please help me







    [EDIT] Geffy, I could not use your link, you had a comma at the end of the URL... I edited it out. Now your link works.

    gonaads
     
  2. SPeedY_B

    SPeedY_B I may actually be insane.

    Messages:
    15,800
    Location:
    Midlands, England
    Compliancy is your friend! (w3.org)

    What are you using to make the site?
     
  3. Geffy

    Geffy Moderator Folding Team

    Messages:
    7,805
    Location:
    United Kingdom
    DWMX, HTML-Kit, Maguma PHP Light, Notepad


    HTML-Kit said everything was OK except the height in the main table, but if I set that then will have problems elsewhere in the site.
     
  4. Geffy

    Geffy Moderator Folding Team

    Messages:
    7,805
    Location:
    United Kingdom
    I think it is mainly CSS issues, but I am not sure how to track these down
     
  5. X-Istence

    X-Istence * Political User

    Messages:
    6,498
    Location:
    USA
    http://w3.org/ use the CSS checker :).
     
  6. Geffy

    Geffy Moderator Folding Team

    Messages:
    7,805
    Location:
    United Kingdom
    K I havent tried the CSS checker yet, but I did the HTML validator and I get 358 errors and about 99% of them are complete bull****, some of them complaining that <html> and <head> are wrong how the fk can they be wrong??

    Also it comes up complaining about something that I have missed when it is there. At the mo I think that HTML validator is a complete bundle of crap.

    if you think you can make some sense out of the cows dump that it gives, then do a test on http://217.79.113.242/ as it complains about framesets otherwise as the domain name is forwared.
     
  7. Geffy

    Geffy Moderator Folding Team

    Messages:
    7,805
    Location:
    United Kingdom
    am a bit pissed, wite wine, it does this tooom e, still donent mean I anc amek heads of tails of the valibatoe
     
  8. Tabula Rasa

    Tabula Rasa Stranger Than Kindness Political User

    Messages:
    3,233
    Location:
    Israel
    [​IMG]

    Anyone wants? :p
     
  9. Geffy

    Geffy Moderator Folding Team

    Messages:
    7,805
    Location:
    United Kingdom
    cheer benny I might add that til it works :p

    okies did the CSS validator got this

    Errors
    Line: 67 Context : .panel
    Parse Error - panel_l { background-attachment: fixed; background-repeat: no-repeat; background-height: 100%; background-position: left top; position: relative; width: 188px; }

    Line: 77 Context : .panel
    Parse Error - panel_r { background-attachment: fixed; background-repeat: no-repeat; background-height: 100%; background-position: right top; position: static; overflow: visible; visibility: visible; width: 17%; }

    Warnings
    Line : 2 font-family: You are encouraged to offer a generic family as a last alternative
    Line : 5 Level : 1 You have no background-color with your color : a:link
    Line : 8 font-family: You are encouraged to offer a generic family as a last alternative
    Line : 11 Level : 1 You have no background-color with your color : a:visited
    Line : 14 font-family: You are encouraged to offer a generic family as a last alternative
    Line : 17 Level : 1 You have no background-color with your color : a:hover
    Line : 20 font-family: You are encouraged to offer a generic family as a last alternative
    Line : 26 font-family: You are encouraged to offer a generic family as a last alternative
    Line : 29 Level : 1 You have no background-color with your color : .c1
    Line : 32 font-family: You are encouraged to offer a generic family as a last alternative
    Line : 35 Level : 1 You have no background-color with your color : .c2
    Line : 38 font-family: You are encouraged to offer a generic family as a last alternative
    Line : 41 Level : 1 You have no background-color with your color : .c3
    Line : 45 font-family: You are encouraged to offer a generic family as a last alternative
    Line : 47 Level : 1 You have no background-color with your color : .c4
    Line : 54 font-family: You are encouraged to offer a generic family as a last alternative
    Line : 56 Level : 1 You have no background-color with your color : .news
    Line : 79 font-family: You are encouraged to offer a generic family as a last alternative
    Line : 81 Level : 1 You have no background-color with your color : .copy
    Line : 87 Level : 1 You have no background-color with your color : .shout


    Valid CSS informations
    a:link {
    font-family : "Courier New", Courier, mono;
    text-decoration : none;
    font-size : x-small;
    color : #ffffff;
    }
    a:visited {
    font-family : "Courier New", Courier, mono;
    text-decoration : none;
    font-size : x-small;
    color : #ffffff;
    }
    a:hover {
    font-family : "Courier New", Courier, mono;
    text-decoration : underline;
    font-size : x-small;
    color : #ffffff;
    }
    body {
    font-family : "Courier New", Courier, mono;
    font-size : 12px;
    text-decoration : none;
    font-weight : normal;
    }
    .c1 {
    font-family : "Courier New", Courier, mono;
    font-size : x-small;
    text-decoration : none;
    color : #ffffff;
    }
    .c2 {
    font-family : "Courier New", Courier, mono;
    font-size : x-small;
    text-decoration : none;
    color : #ffffff;
    }
    .c3 {
    font-family : "Courier New", Courier, mono;
    font-size : small;
    font-weight : bold;
    color : #ffffff;
    text-decoration : none;
    }
    .c4 {
    font-family : "Courier New", Courier, mono;
    font-size : 12px;
    color : #000000;
    text-decoration : none;
    }
    .title {
    height : 10%;
    }
    .news {
    font-family : "Courier New", Courier, mono;
    font-size : x-small;
    color : #000000;
    text-decoration : none;
    }
    .copy {
    font-family : "Courier New", Courier, mono;
    font-size : xx-small;
    color : #000000;
    text-decoration : none;
    }
    .shout {
    font-family : Arial, Helvetica, sans-serif;
    font-size : xx-small;
    color : #ffffff;
    text-decoration : none;
    font-style : normal;
    font-weight : lighter;
    }

    OK, I dont think the Warnings need to be looked at much, but the two errors, these are the bits that control the two parts that Opera and Mozilla cant process correctly, but the CSS thinger dont say how to fix them, can anyone offer any pearls of wisdom?
     
  10. Geffy

    Geffy Moderator Folding Team

    Messages:
    7,805
    Location:
    United Kingdom
    here is the CSS in full:

    a:link {
    font-family: "Courier New", Courier, mono;
    text-decoration: none;
    font-size: x-small;
    color: #FFFFFF;
    }
    a:visited {
    font-family: "Courier New", Courier, mono;
    text-decoration: none;
    font-size: x-small;
    color: #FFFFFF;
    }
    a:hover {
    font-family: "Courier New", Courier, mono;
    text-decoration: underline;
    font-size: x-small;
    color: #FFFFFF;
    }
    body {
    font-family: "Courier New", Courier, mono;
    font-size: 12px;
    text-decoration: none;
    font-weight: normal;
    }
    .c1 {
    font-family: "Courier New", Courier, mono;
    font-size: x-small;
    text-decoration: none;
    color: #FFFFFF;
    }
    .c2 {
    font-family: "Courier New", Courier, mono;
    font-size: x-small;
    text-decoration: none;
    color: #FFFFFF;
    }
    .c3 {
    font-family: "Courier New", Courier, mono;
    font-size: small;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    }
    .c4 {
    font-family: "Courier New", Courier, mono;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    }
    .title {
    height: 10%;
    }
    .news {
    font-family: "Courier New", Courier, mono;
    font-size: x-small;
    color: #000000;
    text-decoration: none;

    }
    .panel_l {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-height: 100%;
    background-position: left top;
    position: relative;
    width: 188px;
    }
    .panel_r {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-height: 100%;
    background-position: right top;
    position: static;
    overflow: visible;
    visibility: visible;
    width: 17%;
    }
    .copy {
    font-family: "Courier New", Courier, mono;
    font-size: xx-small;
    color: #000000;
    text-decoration: none;
    }
    .shout {
    font-family: Arial, Helvetica, sans-serif;
    font-size: xx-small;
    color: #FFFFFF;
    text-decoration: none;
    font-style: normal;
    font-weight: lighter;

    }
     
  11. Geffy

    Geffy Moderator Folding Team

    Messages:
    7,805
    Location:
    United Kingdom
    christ how wasted was I , I dont actually remember typin much of that.
     
  12. Geffy

    Geffy Moderator Folding Team

    Messages:
    7,805
    Location:
    United Kingdom
    Yikes just looked at NTFS.org with Opera and Mozilla.

    The forums in Mozilla are the same as in IE, Opera does a few weird things, but the Front page of NTFS.org in Mozilla is screwed up, Opera does the frontpage fine.

    None of them have the scrolling issues my site has.
    Its weird that there is such a difference in display methods from one browser to the next.
     
  13. Geffy

    Geffy Moderator Folding Team

    Messages:
    7,805
    Location:
    United Kingdom
    OK I have compared the line numbers from the CSS validator

    .panel_l {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-height: 100%;
    background-position: left top;
    position: relative;
    width: 188px;
    } <-- This is line 67
    .panel_r {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-height: 100%;
    background-position: right top;
    position: static;
    overflow: visible;
    visibility: visible;
    width: 17%;
    } <-- This is line 77

    Now does that mean the whole section is wrong, it is missing something or what? It has to be something like that as I cant see a } being a problem anywhere
     
  14. Geffy

    Geffy Moderator Folding Team

    Messages:
    7,805
    Location:
    United Kingdom
    K I removed the _ between panel and l or r and them Mozilla was OK for a sec, then I refreshed and the problem came back
     
  15. gonaads

    gonaads Beware the G-Man Political User Folding Team

    Clear the cache and try to load it again.
     
  16. Tabula Rasa

    Tabula Rasa Stranger Than Kindness Political User

    Messages:
    3,233
    Location:
    Israel
    Just made my site HTML 4.1 Transitional and CSS 2 complaint, now i have to recode the damn thing... and its not like Mozilla users are actually people.
     
  17. gonaads

    gonaads Beware the G-Man Political User Folding Team

    Noooo, we are l33t. :p
     
  18. Tabula Rasa

    Tabula Rasa Stranger Than Kindness Political User

    Messages:
    3,233
    Location:
    Israel
    yes that exactly what you are l three three t.
     
  19. Geffy

    Geffy Moderator Folding Team

    Messages:
    7,805
    Location:
    United Kingdom
    How do I clear the cache in Opera and Mozilla, I know Ctrl+F5 does a forced refresh in IE, but I only got Opera and Mozilla for testing purposes, I dont actually want to use them, but as some people do, I dont want to shut them out.
     
  20. Geffy

    Geffy Moderator Folding Team

    Messages:
    7,805
    Location:
    United Kingdom
    Ok I checked the CSS without the _ in it, now its telling me that
    background-height: 100%;
    Doesnt exist

    Does this mean that its not valid CSS? It is in the file, this wc3 stuff is really pissin me off, why does it view perfectly in internet explorer and not in these other browsers