IE Creeping Text and the Holy Hack

Viewing 12 replies - 1 through 12 (of 12 total)

  • Goes with the relevant lines in the css file. The Holly Hack will work, though it’s a kludgy workaround under most circumstances. You might check the css forum at https://www.webmasterworld.com/ – SuzyUK is the forum mod, she’s extremely good with this sort of thing. The forum-resident search facility there is crap, but you can use Google to get a larger sample.

    Thread Starter hops

    (@hops)

    Vkaryl — my other option seems to be the alternate css you mentioned yesterday. You posted up:

    “<style type=”text/css” media=”screen”>
    @import “standard.css”;</style>

    <!–[if ie]>
    <style type=”text/css” media=”screen”>
    @import “ietweaks.css”;
    </style>
    <![endif]–>

    This entry between the <head> tags of the page displays the site as designed in both browsers. What I did to implement this was to layout the site and get it the way I wanted it in FF, then make the necessary tweaks to a dupe stylesheet for IE”

    What i have is this:

    </script>
    <script type=”text/javascript”><!– This is a “hack” so you can have it working on the fucking non-standard Internet Exploted (aka IE) –>
    <!–
    var browserName=navigator.appName;
    if (browserName==”Microsoft Internet Explorer”)
    {
    document.write(‘<link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_directory’); ?>/style_ie.css” type=”text/css”>’)
    }
    //–>
    </script>

    Its what came with the them, but clearly needs some work. Is this general route a better solution than the holy hack… which so far ain’t cutting it…

    Thread Starter hops

    (@hops)

    Oh, and that said, what would you modify in the ie css to fix this text creep??

    It was for me – for one site where IE of ANY version refused to behave with a fairly simple css but some pretty complicated graphics interlayering. I just didn’t have much luck on that one site with the Holly Hack.

    Which reminds me to ask you: have you checked the EquiX site in IE? Does it do the same thing that your EquiX site is doing? Have you talked to the author about the problem?

    Thread Starter hops

    (@hops)

    I posted up Equix on another wp site of mine and it turns it into a mess.

    The equix site does not have my problem. I have not talked to the author yet.

    Hmm. Have you viewed the source on the author’s EquiX site? Or used the Dev toolbar in FF to check his css? At this point, that’s what I’d be doing, to see what’s different on his setup than yours. Save the source and the css to your hdd and see what’s up….

    Thread Starter hops

    (@hops)

    I’ll do.

    One thing i noted was that the EquiX site is very short on content. For kicks, i reduced my front page volume by a few days and then modified my recent posts with the < !more> function, and my site is short enough — barely — to not get a fatal case of The Creep. But it is still there — only now just much less noticeable and not asthetically fatal… (especially critical since as of this afternoon its now the target of an actual 7-year-old domain name).

    TIDBIT: Also, i notice that said Creep is worse in the middle, and corrects itself towards the bottom. That’s whacked. Does that give any clues??

    Thread Starter hops

    (@hops)

    Hmm. I must be going mad. Post refresh, It just went back to its old fully creepy self. Its crap again. I contemplated for 5 seconds that maybe i had thought it was fixed by refreshing it via FF when I thought is was IE. But No Way. That weird half creep / then correction by the bottom was / is NOT in FF and never was. But IE is a mess.

    Thread Starter hops

    (@hops)

    FIXED!!!!

    Oh, boy… this is Rich!

    Ok… funny stuff happening. A buddy of mine who was off on other projects through late tonight (or so i thought!) simultaneously logged on admin and tweaked the .css just when i made my adjustments… of course, he then removed tweak A (leaving it back to the total mess that i found) and then applied tweak B (below) which works. Once i saw tweak B in action, it was obvious i was not alone!

    And, here MY rule 101 to users who seek computer help is that “it” never does something unless its told. Hah!

    Anyway, here is the “Hack” to “Rule Them All”

    blockquote {
    background-color: #F7F7F7;
    border-left : 5px solid #94A6BD;
    border-bottom : 5px solid #94A6BD;
    padding: 10px 20px;
    }

    Notice the border-bottom description. That’s the new line that was added. All these headaches and THAT was it.

    MUCHO Thankos to all who helped out on this and other stuff! You guys are great!

    Well, I would NEVER have thought of putting a bottom border in the blockquote declaration! Have to remember that on for a future need! I did know you occasionally need to use a top border on a footer following a “clear: both”, but didn’t make a connection there.

    Glad it’s doing what it’s supposed to do now.

    This fixed my problems of creeping text too… jolly good.

    Having used the Holly Hack for a few years, I was thrilled to find a better almost totally hack free solution at A List Apart’s Holy Grail layout. You might consider it, too.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘IE Creeping Text and the Holy Hack’ is closed to new replies.