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.

Page 1 of 4 1 2 3 ... LastLast
Results 1 to 10 of 35
  1. #1
    Member
    Join Date
    Aug 2013
    Posts
    89
    Member #
    37057

    Class out of position in IE11

    Hi, the class=emblem on this page is not displaying correctly on IE11. The page loads correctly on FireFox 25.

    How can I position it where I want with IE11 but leave it how it is in FireFox, without a conditional statement ?

  2.  

  3. #2
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    It's actually displaying correctly on both. The problem is that you're (mis)using absolute positioning and positioning the box based on the bottom of your screen. IE and Chrome, both relying on a minimalist browser interface, shift the black box further down because there's more browser window to play with than Firefox has (if you really want to mess up that box, try opening up Chrome's DOM inspector and watch what happens to it).

    If you want it close to the top of your screen, use top positioning instead of bottom positioning.

    The real question I have, though, is what you're going to do such that absolute positioning in the first place is required. Bear in mind that anything you put on that page will either pass over or under that black box unless you use margins / padding to keep it off. So you really should have an idea of what you want to accomplish before trying it.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  4. #3
    Member
    Join Date
    Aug 2013
    Posts
    89
    Member #
    37057
    A background image. I could place it on a giant image, slice the image up then place it as a background image on the divs, I find that too messy. This div won't move, as long as I can get it in place without any compatibility issues down to IE7 everything works out

  5. #4
    Member
    Join Date
    Aug 2013
    Posts
    89
    Member #
    37057
    The black box should be more on the purple and less on the blue in Chrome (13, my version). What is your suggestion ?

  6. #5
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    I don't see blue, so I don't really know what you want.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  7. #6
    Member
    Join Date
    Aug 2013
    Posts
    89
    Member #
    37057
    The black box should be covering more the grey and less on the purple in Chrome (31). What is your suggestion ?
    If you compare FF and Chrome you should see what I mean, hopefully

  8. #7
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    Again, you're using bottom absolute positioning and from the sounds of it you're on a laptop screen resolution. Try looking at what you're doing on a desktop monitor as well as a laptop monitor. There's a significant difference.

    I've already told you how to deal with this if you insist on using absolute positioning (and again, I wouldn't).
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  9. #8
    Member
    Join Date
    Aug 2013
    Posts
    89
    Member #
    37057
    Now try it on your end, it should be the same. I suspect your choice would be floats ? I changed it to floats !

  10. #9
    Member
    Join Date
    Aug 2013
    Posts
    89
    Member #
    37057
    My jQuery script is suppose to be collapsing the div id=about when the class=about is clicked, that is not occurring ?

  11. #10
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    Put your jQuery just above the </body> tag. Then it will work. It needs to detect the .about classes in your DOM first, and they're not there.

    It looks different on my end than it did before, but I'm not even sure if it's right or wrong because I'm really not sure what you're going for here.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)


Page 1 of 4 1 2 3 ... LastLast

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 05:13 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com