/    Sign up×
Community /Pin to ProfileBookmark

weird: content gets hidden when moving over a link

hello. i’ve discovered a very weird and annoying behaviour of the attached code in internet explorer (version 6.something). it doesn’t occur in firefox. when the cursor is moved over a link, some of the page disappears. one of the solutions is to remove a style declaration for the links’ decoration!
please, take a look at it, it includes a short description so you can try it out; it’s part of a larger project that i’m working on.

? ?

thanks,

andrej

[upl-file uuid=24cb4360-7a49-439b-b9ff-1a72ca021a1c size=3kB]bug.txt[/upl-file]

to post a comment
HTML

5 Comments(s)

Copy linkTweet thisAlerts:
@WebJoelMay 15.2006 — What editor did you write this in, -WORDpad, maybe? I see little square block-thingies interspersed with your text that makes reading your code difficult. Most likely these are formating requests placed there by proprietary software, not intended to be read by other text-editors.

Try using NOTEpad to write your code. Or download an HTML-editor program like "EditPlus2". Many here favor "HTML-Kit" for this.

It will make reading your code a lot simpler. ?

-Joel
Copy linkTweet thisAlerts:
@KDLAMay 15.2006 — The #textm doesn't need to float: left, it can stay static, with a margin-left of 200px.

You also have some unnamed and unclosed divs/ps before your text section:
<i>
</i>&lt;div id="placeholder"&gt;
&lt;div&gt;
&lt;div&gt;
&lt;a href="xxx"&gt;MALICIOUSLINK&lt;/a&gt;
&lt;/div&gt;
&lt;div id="box"&gt;
&lt;p&gt;WEIRD BEHAVIOUR[B]&lt;p&gt;[/B] (should be &lt;/p&gt;&lt;p&gt;)
when you move the cursor over the link above, some text from below gets hidden. [B]&lt;p&gt;[/B] (should be &lt;/p&gt;&lt;p&gt;)
1) if this div is deleted, it starts working&lt;br&gt;
2) if the style declaration for a:hover is deleted, it starts working&lt;br&gt;
3) if the text at right is the longest, it also works
[B]&lt;p&gt;[/B] (should be &lt;/p&gt;)
[B]&lt;/div&gt;[/B] (should be &lt;/div&gt;&lt;/div&gt;)


KDLA
Copy linkTweet thisAlerts:
@omeldauthorMay 15.2006 — What editor did you write this in, -WORDpad, maybe? I see little square block-thingies interspersed with your text that makes reading your code difficult. Most likely these are formating requests placed there by proprietary software, not intended to be read by other text-editors.
[/QUOTE]


it was [URL=http://www.vim.org]vim[/URL]. ? *nix uses different line ending (lf instead of cr/lf), it shouldn't matter for the case in question. it's true that i didn't consider it when i posted the message.
Copy linkTweet thisAlerts:
@omeldauthorMay 15.2006 — The #textm doesn't need to float: left, it can stay static, with a margin-left of 200px.

You also have some unnamed and unclosed divs/ps before your text section:
<i>
</i>(should be &lt;/p&gt;&lt;p&gt;)
[B]&lt;/div&gt;[/B] (should be &lt;/div&gt;&lt;/div&gt;)

[/QUOTE]


your're right about floating and unclosed ps, the latter are a nasty habit. the divs schould be okay, though. again, it changes nothing. could you at least reproduce the error on your side?
Copy linkTweet thisAlerts:
@omeldauthorMay 15.2006 — solved! it's called the ie `guillotine bug'. :mad: am working on it.
×

Success!

Help @omeld 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.19,
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,
)...