Wierd problem - page not showing correctly w/certain browser settings

Discussion in 'HTML & Website Design' started by ScottDB, Sep 2, 2009.

  1. #1
    Hi, I was just informed by a visitor to my site that I had a problem with my index page to my site. I made it myself so I know its probably something I did wrong.
    It can be viewed ok in mozilla and IE. However the IE setting that this guy had it on was in small print and the page showed up overlapping and real ugly. He said that when he changed his IE browser settings and enlarged the text it showed up fine.

    Im not sure If others have seen this problem and just moved on or how its being viewed. I know I have never had a problem with it. Didn't even know that you could change text size for your browser. Don't know about browsers that much. Is there a way to get a page that is done with komposer to be able to be viewed correctly for these browser settings.

    Oh and also I made this page but uploaded it into my affiliate software to be viewed as the index. Not sure if it might be a software problem as well. Just trying to narrow it down if I can.

    The page in question is http://newbiescentral.com/members/index.php
     
    ScottDB, Sep 2, 2009 IP
  2. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Did you know you have not one but two doctypes?

    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title></title>
    <link href="styles.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <p>
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <meta http-equiv="Content-Type"
     content="text/html; charset=iso-8859-1" />
      <title>Newbies Forums-Affiliate Sign Up</title>
    
      <style type="text/css">
    
    Code (markup):
    That may or may not be the problem. I shrunk the text in Firefox and while things didn't act quite right, nobody overlapped anyone else. Likely IE is in Quirks Mode with the second doctype though I'm not sure.

    Instead of worrying hopelessly about maybe having a bug in your code, you can check it yourself:
    http://validator.w3.org/

    This will catch most errors and typos.
     
    Stomme poes, Sep 3, 2009 IP
  3. ScottDB

    ScottDB Greenhorn

    Messages:
    95
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #3
    Hey, thanks for that link. I bookmarked that site. What a great tool. I can't believe all the errors it brought up. Most were from what you said about the Doc. types. I used komposer to make page and then placed the code into edit box in software which has its own doc. heading. Will have to look at putting the code in differently and see how that works.
     
    ScottDB, Sep 3, 2009 IP
  4. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #4
    When you get a ton of errors the easiest thing to do is just start with fixing the first one and then revalidate, because errors cascade and if it says you have like 4000 errors often fixing just one can reduce that to only 200 or so : )
     
    Stomme poes, Sep 4, 2009 IP