Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jul 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Internet Explorer Simple CSS bug in IE7, IE9

    Hello friends,

    I am new to the site, and semi-new to crossbrowser testing. I recently designed a site in Wordpress using a basic theme and then adding my own JS and CSS to make it unique. For some reason, my superiors still use IE and are seeing an error where text is stacking on top of itself. The following screenshot shows the error:



    I went back and checked on my coworkers computer with IE9 and it loaded fine on his machine. My boss wants it 'fixed' but I'm not sure how to do that. Any pointers?

    The URL for the site is as follows:
    http://torchinteractivesolutions.com/

    Thanks for your help!

  • #2
    Senior Coder
    Join Date
    Jun 2008
    Location
    New Jersey
    Posts
    2,535
    Thanks
    45
    Thanked 259 Times in 256 Posts
    In your css you have

    Code:
    b, strong { 
    	font-weight: bold; 
    	line-height:20%;
    }
    So its shrinking the line height to 20% and using it. Change that to 120% or whatever, or remove it entirely. Given b and strong are inline and not block elements, not sure why you gave them a line-height?

  • #3
    New to the CF scene
    Join Date
    Jul 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thank you Keleth, that did it! Not sure how that code slipped in there.


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •