Note that there are some explanatory texts on larger screens.

plurals
  1. POCSS text-select cursor ie7, strange behavior
    primarykey
    data
    text
    <p>Strange one here, hoping to get some feedback to point me in the right direction.</p> <p>If my <code>#wrapper</code> or any of the child divs do not have a background-color applied to them, ie7 changes the normal "pointer" cursor into a "text-select" cursor when mousing around the page (whether mousing over text or not).</p> <p>I thought I had fixed the problem a while back, but when I remove the background-color from my <code>#wrapper</code> or any of the children divs, the problem reappears.</p> <p>Just looking for some hints or what I should be checking.</p> <pre><code>#wrapper { overflow: hidden; margin: 0 auto; width: 960px; /* using 960.gs */ } #children { display: inline; float: left; margin: 0 10px; width: 940px; } </code></pre> <p><strong>EDIT:</strong></p> <p>Seems to be because the divs "hasLayout", but I'm still not sure how to fix it. See <a href="http://www.quirksmode.org/bugreports/archives/2007/08/IE7_with_haslayout_and_cursor_text_problem.html" rel="nofollow noreferrer">this link.</a></p> <p><strong>EDIT 2:</strong></p> <p>I can't find any more info on this "ie7 bug." Anyone who has any ideas, or even if you're aware of this bug and can just let me know so I know I'm not crazy. I'm getting really frustrated with Microsoft again. Already cost me an extra few hours of work this week. Seems like it never ends.</p> <p><strong>EDIT 3:</strong></p> <p>Here's <a href="http://www.mail-archive.com/css-d@lists.css-discuss.org/msg31408.html" rel="nofollow noreferrer">another link</a> of someone having the same problem.</p> <p><strong>EDIT 4:</strong></p> <p><a href="https://stackoverflow.com/">STACKOVERFLOW.com</a> suffers from this bug! So does <a href="http://mashable.com/" rel="nofollow noreferrer">mashable.com</a>. I guarantee MANY web devs have this bug on their site and they don't even know it.</p> <p>Check it out for yourself... hover your cursor around the page of either site. Notice it turns to a text-select cursor when it shouldn't.</p> <p>Seems like it would be easy to fix with the <code>cursor</code> property, but the problem would be triggering proper text-select-cursor behavior when required.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload