website viewing differently on seperate browsers

Discussion in 'Web Design and Development' started by robbieporter85, Jan 7, 2011.

  1. robbieporter85 macrumors newbie

    Joined:
    Dec 22, 2010
    #1
    Hello!

    I just finished and uploaded this website: http://www.gillianmurray.com/

    I made it with dreamweaver on my mac & it works fine on Firefox and Safari but when viewed on Internet Explorer the 'About Me' page is all over the place, and the <p> tags look different...

    Does anyone know how I can fix this?

    Is there a CSS reset I could use?

    thanks,
    robbie
     
  2. Darth.Titan macrumors 68030

    Darth.Titan

    Joined:
    Oct 31, 2007
    Location:
    Austin, TX
    #2
    Well it's no wonder IE is having trouble with it. You're using nonexistent tags such as <p4> and <p5>. That can only be done in HTML5, and you're using an XHTML 1.0 doctype.

    Try using classes instead.
    PHP:
    <class="p2">...</p>

    p.p2{
    letter-spacing:1px;
    font-family:"Times New Roman"Timesserif;
    border:0px;
    margin:0px;
    padding-right:0px;
    padding-left:0px;
    padding-top:10px;
    padding-bottom:5px;
    font-size:10px;
    color:#000000;
    }
    In the future, validating your code can be a big help in troubleshooting.
     
  3. robbieporter85 thread starter macrumors newbie

    Joined:
    Dec 22, 2010
    #3
    oh right, i didn't know that... still learning!

    i'm going to rename all those <p> tags hopefully then it will be working nicely! thank you!
     

Share This Page