WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] IE Issue With CSS? (6 posts)

  1. oseary
    Member
    Posted 7 years ago #

    I searched for a solution, but didn't find anything. My issue is not TOO serious, but the fact it isn't near perfect is what prompts me to post.

    Go to my site: http://www.pesosforpenguins.com in FF. Notice that it is near 100% perfect, with no major flaws. Now, go to it in IE6... It's a little crunched at the top, but it's because hte font is kinda weird, and IE doesn't handle it well. NOW, go to it with IE7... down at the bottom where I have my XB & FB stuff, it's all over on the left. As opposed to being centered like in FF.

    Can anyone assist with this? I know it's something extremely simple, but I am a hardware technician... not a PHP coder.

    Anyone?

    ALSO, if anyone has any advice on the font size thing at the top... that'd be excellent as well!!!

  2. Doodlebee
    Member
    Posted 7 years ago #

    Re: the bottom stuff - take it out of the list. Put them in divs, rather than a list - that'll help.

    For the squashed text in IE, your line-height is set to 0.7em; - I'd change that to at least 1em. If you want the change for IE only, then use a conditional comment to target only IE.

    For the record - it's CS coding, not PHP.

    And also - to anyone else looking - DON'T CLICK "OK" IN IE WHEN PROMPTED.

    Honestly, it would have been nice for you to warn us about that little thing there *before* sending people to your site. We're looking at the errors, not reading your blog - and here I just noticed you say someone's put that in there, and now I have to go and clean my computer - there goes the rest of my evening. (This is why I only use IE to check things - not as my main browser - it's so insecure.)

  3. oseary
    Member
    Posted 7 years ago #

    EDIT: I have changed the font size to 1em, and it fixed the issue in IE6, but not IE7. Any ideas on that?

    Wow dude... thanks for making me feel about an inch tall for asking a question.

    With the click thing... that has since been removed. As can be seen on the front page, my site was hijacked over the weekend, and I finally--today--got things sorted out.

    I had previously had my em set to 1.0, but it made all the text on the screen too big (in my opinion), and there really wasn't any other option on what to do with it other than take it down to .7... good idea going back to it though, since it can't be fixed any other way.

    Thanks for the advice.

    With the divs, all I need to do is: (in tags of course) div_align=left, center, right, etc... correct?

  4. Doodlebee
    Member
    Posted 7 years ago #

    EDIT: I have changed the font size to 1em, and it fixed the issue in IE6, but not IE7. Any ideas on that?

    No - I didn't mean the font size - meant the line-height. In your #title div - you have the line-height set at 0.7 - if you change that to 1 (or more) then the line spacing will increase, so it's not all scrunched together. This setting won't change the size of your font, just the space between the lines.

    Also, if you use a conditional comment, it'll target only IE (and any version of IE above 5, if you want it to)

    Wow dude...

    Technically - "dudette", thank you very much :)

    thanks for making me feel about an inch tall for asking a question.

    You shouldn't have felt an inch tall for asking a question - it was meant for sending someone who's going to try and assist you to a site that's compromised, thus compromising the system of the person you're trying to help. You just don't do that.

    It's nice to know that your site is now clean, but I'm still in the process of checking my system (in numerous ways) right now. I'll let you know if something comes up.

    With the divs, all I need to do is: (in tags of course) div_align=left, center, right, etc... correct?

    Um..no. Your site is XHTML - so using "align" is your divs will be invalid code, and throw your site into quirks mode. I'm going on the assumption right now that you've already validated your site's code, and you know that this could also be a reason why your site isn't appearing the way you want it to in IE. If I'm wrong on that, and you *haven't* validated, then that should be the first thing you do - it'll probably correct issues just by doing that alone.

    But to answer your question - no. You want to set the three divs to "float:left;". If you want all three to be centered as well, then you also need to encase them in an outer containing div that's set with a specific width, and then apply "margin:0 auto;".

    Hope that helps ya.

  5. oseary
    Member
    Posted 7 years ago #

    I was able to "fiddle" with it enough to get the bottom content to be how it needed to be, in both IE (6 and 7) and in FF. And then I found the code of my site to be horrible, horribly in non-compliance. lol. I--sadly--just gave up as I needed a change in theme anyhow, and found one more compliant.

    And dudette thank you for your assistance. :-)

  6. Doodlebee
    Member
    Posted 7 years ago #

    LOL - well, just so you know, many times looking at your validation report can be scary. What you have to keep in mind, though, it that it's a *cascading* thing - one error can generate hundreds after it. If you fix the first one, many times you'll be shocked into finding that the rest of them fall into place. It happens a lot, actually.

    But glad things got worked out for you :)

Topic Closed

This topic has been closed to new replies.

About this Topic