Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member
    Join Date
    Oct 2007
    Posts
    6
    Member #
    16042
    I'm having problems with the alignment of divs with Internet Explorer. The page shows up exactly as I want it to in Firefox.

    If the explenation doesn't make sense to you take a look at the website: obnoxium [period] com.

    When there is a mouseover event on the kids face on the far left a new div with a new background image should appear over it, where the mouse is. There should also appear a red mouth on the far right kids face.

    In IE it does not work this way though. The face appears in the middle of the faces when you hover over the middle of the faces. Likewise, the mouth is shifted right, the correct number of pixels away from the div that appears on mouseover.

    I just need those divs to show up like they do in Firefox.

    Does anyone see anything wrong with the code?

    Code:
    <div class="center">
    <div id="fullMouth" style="position: absolute; width: 85px; height: 120px; border: 0px; margin-top: 75px; margin-left: 7px; visibility: hidden; background-image: url(image/frysChocoFullMouth.png);" onmouseover="fullMouth.style.visibility='visible'" onmouseout="fullMouth.style.visibility='hidden'"></div>
    <div style="position:absolute; width:85px; height:120px; margin-top:75px; margin-left:7px;" onmouseout="fullMouth.style.visibility='hidden'; dribblets.style.visibility='hidden'" onmouseover="fullMouth.style.visibility='visible'; dribblets.style.visibility='visible'"></div>
    
    <div style="position:absolute; width:24px; height:10px; margin-top:146px; margin-left:379px;" onmouseout="dribblets.style.visible='hidden'" onmouseover="dribblets.style.visibility='visible'"></div>
    <div id="dribblets" style="visibility:hidden; position:absolute; width:24px; height:10px; margin-top:146px; margin-left:379px;" onclick="window.open('betweenCycles.html','_self')" onmouseout="dribblets.style.visibility='hidden'" onmouseover="dribblets.style.visibility='visible'"><img src="image/dribblets.jpg"></div>
    </div>

  2.  

  3. #2
    Senior Member paintingtheweb's Avatar
    Join Date
    Jul 2007
    Location
    Las Vegas
    Posts
    128
    Member #
    15503
    Instead of using "visibility" try using display:none; and display: block. If that doesn't work I would try to go about it a bit different. Instead of making the div visible or invisible, try switching out images instead (spacer.gif with whatever)


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 04:54 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com