IE CSS problems driving me up the wall (4 posts)

  1. mayurpatel
    Posted 10 years ago #

    If your response is, "IE sucks at rendering proper CSS" save it because I already know. But, the problem with IE is, more than half the world use it and so one must optimize one's site to dumb it down to IE stupid standards. Ok, I'm done with my rant.

    Could someone please take a look at this site: http://mayurpatellaw.com in both IE and Firefox (and any others if you wish).

    When viewing, please consider my problem: in Firefox, everything is pristine and just the way I want. In IE though, and I might just be incredibly anal, but if you look at the small white padded border around the entire content area, the right side of the screen has more space than the left side. Again, this is ONLY in IE.

    I have commented out section after section of php, html, and css code in all my templates and nothing helps. I've been at it for over 2 hours now.

    I am frustrated beyond all explantion, damn you Bill Gates!! Damn you!! Anyone have any idea how to fix this?

  2. oriecat
    Posted 10 years ago #

    Could it maybe have to do with the 10px of right padding of the sidebar?

  3. mayurpatel
    Posted 10 years ago #

    Nope, tried that like 3 times.

  4. mayurpatel
    Posted 10 years ago #

    Ok, solved the problem. Apparently, the "content" div was "overflowing" causing it to extend beyond the limit of 795px set by the style sheet. Adding the "overflow: hidden" fixed the problem in IE.

    But, remember, it can't be that easy. Once that "fix" was implemented, the problem in IE was now occuring in Firefox!! ARRRGH!! I was forced to employ a cheap CSS hack to have Firefox use one class and have IE use another.

    Thus, for example, if you are using #content {overflow: hidden} for IE (which causes layout probs in firefox) add the SAME class again but in this manner:

    html>body #content {overflow: hidden}

    The "html>body" portion is not recognized by IE thus ignored. Firefox recognizes both but will always use the second class if two are provided.

    In summary, problem solved... sort of.


Topic Closed

This topic has been closed to new replies.

About this Topic