[resolved] IE Creeping Text and the Holy Hack (13 posts)

  1. Hops
    Posted 10 years ago #

    This is a focused question generated from this broader thread.



    Does anyone have thoughts on how to work with the Holy Hack to solve the magik creeping IE text problem noted here? :

    (problem viewable through IE)

    My site has an identical problem... but i don't know how to apply what is touted as the Holy Hack solution, referenced as:

    /* Hides from IE5-mac \*/
    * html .buggybox {height: 1%;}
    /* End hide from IE5-mac */


    I'm still figuring much of this out. Can someone please guide me where this sort of a fix needs to go to work? I've come up short, and don't want to ruin something. Thanks.

  2. vkaryl
    Posted 10 years ago #

    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 http://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.

  3. Hops
    Posted 10 years ago #

    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";

    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 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">')

    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...

  4. Hops
    Posted 10 years ago #

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

  5. vkaryl
    Posted 10 years ago #

    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?

  6. Hops
    Posted 10 years ago #

    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.

  7. vkaryl
    Posted 10 years ago #

    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....

  8. Hops
    Posted 10 years ago #

    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??

  9. Hops
    Posted 10 years ago #

    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.

  10. Hops
    Posted 10 years ago #


    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!

  11. vkaryl
    Posted 10 years ago #

    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.

  12. rawcarrot
    Posted 9 years ago #

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

  13. Lorelle
    Posted 9 years ago #

    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.

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.