#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2004
    Posts
    271
    Rep Power
    0

    The website displays randomly incorrectly with firefox


    I did a site recently and Im having trouble finding what is causing this weird error.

    If you go to this gallery using firefox:

    http://www.mmimageart.com/fineart4.html

    you will notice that the thumbnails under "saguaro" will display wrongly. IF you dont see the problem just keep refreshing the browser until you get the problem. you will get it.

    there are problems also in:
    http://www.mmimageart.com/fineart3.html (everglades)
    http://www.mmimageart.com/fineart.html (Atlantic Coast)

    What coding error in css can cause firefox to display the website wrong randomly ?

    Is this a well known error ? if not, then Ill post the code. Thanks in advanced!!!
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2004
    Posts
    271
    Rep Power
    0
    I searched on google and I found people with a similar problem. I have yet not fount any fix for this.
  4. #3
  5. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2006
    Posts
    160
    Rep Power
    38
    I'd say it's a html/javascript error.
    you have too many html errors (44) and css errors (11), please validate your code first.
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2004
    Posts
    271
    Rep Power
    0
    how can I check those?


    ......hey, everyday you learn something.
  8. #5
  9. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2006
    Posts
    160
    Rep Power
    38
    HTML:
    http://validator.w3.org/check?verbos...Ffineart4.html
    Then
    CSS:
    http://jigsaw.w3.org/css-validator/v...Ffineart4.html
    This may fix the problems, come back if the problem persists
  10. #6
  11. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2004
    Posts
    271
    Rep Power
    0
    Ok Im going through my html and checking all the errors, I am working on :

    http://www.mmimageart.com/test.html

    thats the one Im using as my test page to fix all the validation errors and see if that gets rid of the problem. If it does, then I will go on and fix the errors in the rest of the pages.

    So far I fixed all the errors successfully it seems (I began with 93) and Im left with only only one type of error which at the moment havent been able fo fix:

    Error Line 270 column 98: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag.

    Im trying to see what tag is not ended correctly, but I cannot see it. any help would be appreciatted.
  12. #7
  13. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2004
    Posts
    271
    Rep Power
    0
    Ok, both the html document and the css file are validating !!!!!! yipeee, that seemed to fix the error, the only problem Im having is that Im using a <span> now for the text in the bottom of every thumbnail, the span is:

    <span class"info> blablabla </span

    how would I style a span class with css?

    Im trying:

    span.info
    {

    }

    but it is not working......any ideas ?
  14. #8
  15. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2006
    Posts
    160
    Rep Power
    38
    It works. Why don't you use a block element and style it ?
    IF you want to keep the inline element try:

    span.info {
    color:#FFFFFF;
    margin-top:100px;
    display:block;
    }

    In your code you should use color:#FFFFFF; or color:#FFF;
  16. #9
  17. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2004
    Posts
    271
    Rep Power
    0
    Thanks Dan, I finally fixed those errors that where driving me crazy. Now I only have to apply it to all the pages in the site. From now on I will validate my css before anything !!! thanks a bunch. Also, what exactly does display:block; does? since that did the trick for last step ?
    Last edited by danydrunk; September 12th, 2006 at 02:43 PM.

IMN logo majestic logo threadwatch logo seochat tools logo