treehouse : what would you like to learn today?
Web Design Web Development iOS Development

IE help needed

  • can anyone plz help me out with this simple thing.

    this is the site : http://baltimorepsychologists.net/

    it display properly the fonts in chrome but in IE as u can see it displays different fonts. also the text next to slider gets disturbed in IE as u see it goes above the line of the slider whereas in chrome and firefox it display correctly. any help would be appreciated and will be grateful. thanks.
  • body {
    font-family: Georgia,"Times New Roman",Times,serif;
    }

    OR
    body{font:normal 12px/20px 'Georgia',"Times New Roman",Times,serif;}

    this can work for you
  • @matthewb I don't think you understand fonts quite yet or at least why would you use a fallback from Georgia to Times New Roman? Both are installed on PC and Mac.

    @bhavesh0409 can you paste your code for the fonts that are not working in IE as you say?

    Edit: This only happens in IE when the text above the slider becomes too long it goes onto the next line. You can fix this by reducing the size of the header font.
  • I suggest @matthewb solution. Go ahead..
  • @bhagavan - Why do you suggest his answer?
  • OK, Go with this...

    Remove this from Home page internal styles.
     body, input, textarea, select { 
    font-family: serif }