Browser compatibility issue

Discussion in 'CSS' started by sahirfarid, May 2, 2011.

  1. #1
    Dear all!

    I have made a website, on a specific page of this website, I am facing the problem with some text. On Internet Explorer, its not showing properly, while showing properly on other browsers. Could someone please help me. For reference, can I post the URL here, means is it allowed by forum administration?

    Regards
     
    sahirfarid, May 2, 2011 IP
  2. ayekaye01

    ayekaye01 Peon

    Messages:
    214
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    hi, post the link so we can help you
     
    ayekaye01, May 2, 2011 IP
  3. sahirfarid

    sahirfarid Active Member

    Messages:
    240
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #3
    http://www.onfileinc.com/Register.html

    On lower left part of the page, under the heading "Why On File Inc. is needed", there is a link named "Could this happen".. On Chrome and Firefox, its showing properly, while on Internet Explorer its showing like following..

    "Could this
    happen"

    You may check it in both browsers.

    Regards
     
    sahirfarid, May 2, 2011 IP
  4. akshaytkd

    akshaytkd Well-Known Member

    Messages:
    144
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    105
    #4
    Hi,

    first of all there is an empty text node on top of the page " "
    please remove it .. since it looks awkward.

    Now on to the main problem,
    you can add a IF condition in HTML and make separate CSS to change the font size of this text in IE browsers.
    otherwise you can provide more margin to the text fields so that it looks good.

    Another thing which I noticed in your website in IE browser that there is some kind of CSS/HTML coding errors that are there, due to which your website is floating on left side if the screen and many div's are not of the same height as compared to firefox and chrome.

    I would suggest you to recheck your website HTML in this case, and see if there a unclosed DIV or float is not cleared.
    it is highly likely, that you have not closed a DIV tag, firefox and chrome automatically close these DIV.. but its not the same with IE
     
    akshaytkd, May 2, 2011 IP
  5. ayekaye01

    ayekaye01 Peon

    Messages:
    214
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    hi!

    check the css of your file, IE sometimes is what they call a problem child when it comes to browsers. try editing your css file.
     
    ayekaye01, May 2, 2011 IP
  6. sahirfarid

    sahirfarid Active Member

    Messages:
    240
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    51
    #6
    Thanks all, my problem is solved now..... :)
     
    sahirfarid, May 5, 2011 IP