/    Sign up×
Community /Pin to ProfileBookmark

Borders & A:hover in IE

If you take a look at my homepage <[url]www.freewebs.com/pyroclasm924[/url]> in IE, when you move your mouse over the links at the bottom, the border disappears. If you reload the page, they come back. What’s going on?

to post a comment
CSS

11 Comments(s)

Copy linkTweet thisAlerts:
@scragarFeb 28.2005 — not for me. the border stays just as it is... Do you have a picture of whats happened?
Copy linkTweet thisAlerts:
@DaiWelshFeb 28.2005 — It is an odd IE display bug. Don't remember seeing this exact one before, but you can fix it in several ways, in order of convenience:-

[list=1]
  • [*]it should respond to the holly hack if you set height: 1% on #content style (neat but maybe you don't like hacks)

  • [*]you could take the padding off the #content style and have a second div nested just inside it with a margin of 6px instead (fairly neat if you cna live with one extra div

  • [*]you could take the padding off the #content style and put margin of 6px on all the elements inside it instead (very messy)

    [/list=1]

    For more info on various ie display bugs and workarounds see

    http://www.positioniseverything.net/

    e.g.

    http://www.positioniseverything.net/explorer/border-chaos.html

    http://www.positioniseverything.net/articles/common.html

    http://www.positioniseverything.net/explorer.html

    HTH,

    Dai
  • Copy linkTweet thisAlerts:
    @pyroclasmauthorMar 02.2005 — Here's a screenshot <www.freewebs.com/pyroclasm924/img/IEScreenCapture.jpg>

    *Edit: Something wrong with the link; type in the url
    Copy linkTweet thisAlerts:
    @DaiWelshMar 02.2005 — Did you read my post, I told you three solutions....
    Copy linkTweet thisAlerts:
    @pyroclasmauthorMar 02.2005 — The screenshot was for scragar.
    Copy linkTweet thisAlerts:
    @pyroclasmauthorMar 05.2005 — Well, I tried copying and pasting the code into a new html file (on my computer) to try some of your solutions DaiWelsh, and I couldn't duplicate the problem. Even if I opened the same code in IE (same HTML and CSS), the problem wouldn't occur. What's going on?
    Copy linkTweet thisAlerts:
    @DaiWelshMar 05.2005 — Did you literally cut and paste or did you use ie save facility? Latter would rewrite all your code. Assuming you did the former, did you miss anything subtle like the document type?
    Copy linkTweet thisAlerts:
    @pyroclasmauthorMar 05.2005 — Yes, I cut and paste; I'm using XHTML for both. Also, another strange thing is that in IE if I scroll back up and then back down, it corrupts the borders as well.
    Copy linkTweet thisAlerts:
    @DaiWelshMar 05.2005 — Yes that is a different symptom of the same bug, once you trigger it it behaves in all kinds of strange and largely unpredictable ways. If it does that consistently then use that as the gauge of whether you have fixed the problem.
    Copy linkTweet thisAlerts:
    @pyroclasmauthorMar 05.2005 — Yet another strange thing - the bug doesn't occur on all of my pages, even though they use the exact same code.

    Compare <www.freewebs.com/pyroclasm924> to <www.freewebs.com/pyroclasm924/wip.html>
    Copy linkTweet thisAlerts:
    @pyroclasmauthorMar 08.2005 — Well, I solved the problem by setting the height of my div's to 1%. Thanks!
    ×

    Success!

    Help @pyroclasm spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 BETA 5.18,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @AriseFacilitySolutions09,
    tipped: article
    amount: 1000 SATS,

    tipper: @Yussuf4331,
    tipped: article
    amount: 1000 SATS,

    tipper: @darkwebsites540,
    tipped: article
    amount: 10 SATS,
    )...