Different look in EI, Firefox, and Chrome

Discussion in 'PHP' started by cynical_tear, Feb 5, 2010.

  1. #1
    Please have a look at this website.. I am creating this website for a friend of mine and was just testing it by viewing it in different browsers. I found out that the same code gives different look out in different browser.
    • In CHROME and IE we can see there is light greyish color wrapper which wrap all the content of the the site but it is missing in FIREFOX.

      [​IMG]

      [​IMG]
    • In CHROME & FIREFOX we can see that three images i.e., the one with welcome written in it, the one with 'no photo available' image in it and one in black with 'SMART NAV' written in it, appears to be transparent image but in IE we see a light bluish color box around these images.
      [​IMG]
      [​IMG]
    • In CHROME my wrapper goes upto the bottom of the page but in IE it finishes in the middle leaving contents going out of it.

    How can I fix these problem... I WANT IT TO APPEAR AS IT APPEARS IN CHROME...

     
    cynical_tear, Feb 5, 2010 IP
  2. rainborick

    rainborick Well-Known Member

    Messages:
    424
    Likes Received:
    33
    Best Answers:
    0
    Trophy Points:
    120
    #2
    There seems to be a stray character at the start of the file. This could be preventing some browsers from seeing your <!DOCTYPE> statement properly, which would cause them to render the page in Quirks mode.
     
    rainborick, Feb 5, 2010 IP
  3. SmallPotatoes

    SmallPotatoes Peon

    Messages:
    1,321
    Likes Received:
    41
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Yep, the file starts with a period, which is not valid.

    % lynx -source -dump http://www.test.snapsvilla.com/ | od -a
    0000000    .   <   !   D   O   C   T   Y   P   E  sp   h   t   m   l  sp
    Code (markup):
     
    SmallPotatoes, Feb 5, 2010 IP
  4. cynical_tear

    cynical_tear Peon

    Messages:
    107
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    if i remove that then i wont get my main wrapper to viewed in Chrome and it will appear as same in Firefox in all browser
     
    cynical_tear, Feb 5, 2010 IP
  5. cynical_tear

    cynical_tear Peon

    Messages:
    107
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    guys..... i am looking for some help here... please suggest...
     
    cynical_tear, Feb 8, 2010 IP