×
INTELLIGENT WORK FORUMS
FOR COMPUTER PROFESSIONALS

Contact US

Log In

Come Join Us!

Are you a
Computer / IT professional?
Join Tek-Tips Forums!
  • Talk With Other Members
  • Be Notified Of Responses
    To Your Posts
  • Keyword Search
  • One-Click Access To Your
    Favorite Forums
  • Automated Signatures
    On Your Posts
  • Best Of All, It's Free!

*Tek-Tips's functionality depends on members receiving e-mail. By joining you are opting in to receive e-mail.

Posting Guidelines

Promoting, selling, recruiting, coursework and thesis posting is forbidden.

Students Click Here

Moves when hover in Compatibility Mode

Moves when hover in Compatibility Mode

Moves when hover in Compatibility Mode

(OP)
Hello,

I'm having an issue during compatibility mode. My boxes move to the left but when I get off Compatibility mode everything works perfect.

Is there anything wrong in the css that I'm doing?

CODE --> HTML

<div class="dashboardTabs">
  <ul>
    <li>
      <div class='icontabs'></div>
    </li>
    <li>
      <div class='icontabs'></div>
    </li>
    <li>
      <div class='icontabs'></div>
    </li>
    <li>
      <div class='icontabs'></div>
    </li>
  </ul>
</div> 

CODE --> CSS

.dashboardTabs{width: 910px; margin:15px 0 30px;}
.dashboardTabs ul li{list-style:none; position: relative; display:inline;}
.icontabs{float:left; width:155px; height:159px; background:url(http://www.enablx.com/images/tab-box5.png); margin:8px 13px; background-repeat:no-repeat}
.icontabs:hover{background:url(http://www.enablx.com/images/tab-box6.png); cursor:pointer; background-repeat:no-repeat;} 

Thank you,

Call Center & Call Center Services

RE: Moves when hover in Compatibility Mode

Assuming by Compatibility mode you are referring to IE. And Since you don't state which version, I'm going to assume IE8:
Compatibility Mode is basically IE7 mode. Which may have some differences to later IE's in the rendering engine.

I tried your code, and while it shifts slightly to the left once, it doesn't do it again after that, and the rest seems to work fine. I don't think its worth it do go out of your way to debug such a minor issue, specially since it works everywhere else without the shift.

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web &amp; Tech

RE: Moves when hover in Compatibility Mode

If you have them available, check your web site statistics to see how many visitors actually use an older version of IE. There may be no reason to worry about compatibility view if your older IE audience is tiny. Only 5% of my visitors use IE7 or earlier. They are not worth the bother.

Red Flag This Post

Please let us know here why this post is inappropriate. Reasons such as off-topic, duplicates, flames, illegal, vulgar, or students posting their homework.

Red Flag Submitted

Thank you for helping keep Tek-Tips Forums free from inappropriate posts.
The Tek-Tips staff will check this out and take appropriate action.

Reply To This Thread

Posting in the Tek-Tips forums is a member-only feature.

Click Here to join Tek-Tips and talk with other members! Already a Member? Login


Close Box

Join Tek-Tips® Today!

Join your peers on the Internet's largest technical computer professional community.
It's easy to join and it's free.

Here's Why Members Love Tek-Tips Forums:

Register now while it's still free!

Already a member? Close this window and log in.

Join Us             Close