I just can’t fix this IE CSS problem.

  • I know it must be getting tiresome to read posts about CSS problems in IE. I know…I’ve been reading them for the past couple days. The reason I feel like my problem is harder to understand is because I am using an existing CSS from an html site that I am integrating with wordpress. Here is the deal, as usual, Firefox produces the proper CSS and IE breaks it. At first I thought there migh have been a problem with the @import url tag, but I got rid of that and the problem persists. Essentially the “container” div is shrinking down from its stated width and ignoring its auto margins which would have it centered in the browser window.

    Now, the idea I get from the support pages is that this is almost always a matter of CSS. But I am using the same CSS values that I have been using for over a year on my html site. I have added new style classes for divs, but most of these seem to have widths far less than the divs they reside in. And nothing seems to come to mind as to why the container style would ignore its auto margins and shrink in width while stretching in height as it is.

    I know this is rather specific, but it is not a subtle problem…it is quite glaring. If you can, please look at this example page in both IE and Firefox: https://thejinx.org/site/index.php/category/entries/

    This is the stylesheet I’m using: https://thejinx.org/site/wp-content/themes/mystyle/style.css

    “textframe,” “windowframe,” and “blogbox” should nestle perfectly into “container.”

    This problem is preventing me from starting my wordpress experience. It also makes me want to throw things at Microsoft heaquarters. Like money…poison money…or something.

    Thanks.

Viewing 1 replies (of 1 total)
  • Thread Starter guiggster

    (@guiggster)

    Ok, I fixed it. I also think I’m blacklisted from wordpress as not one of my questions has had a response in a week or so. Creepy.

    I’ll explain what I did to fix this on the off chance someone stumbles on this page looking for help.

    The strange part, of course, was that this problem only occured in php. I used the same CSS for html and never had this problem. The problem was that my container div wasn’t centering in the browser window (despite having auto values for margin :right and :left). To fix this I put a text-align: center value in the body{ } style.

    Next, for the quirky divs that were supposed to float right of another div that was floating left, I simply included a clear: right to each of these. This popped them back up to their proper place. I hope this helps someone.

    I also still hope that my name doesn’t induce plague like associations in the forums, cause I really need help on a couple things. Like, why doesn’t the background image of my main div display in my popup comments. It used to. And why is their a line break in between the Search label and the search form? I sure do wish there weren’t…golly gee.

Viewing 1 replies (of 1 total)
  • The topic ‘I just can’t fix this IE CSS problem.’ is closed to new replies.

Tags