Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Angry IE7 Absolute positioning issue (disappearing)

    Hi Guys,

    I have a website (http://www.whickhamschool.org/about-us/), all is fine is the browser tests apart from IE7 of which the orange sub menu does not appear.

    It is originally within the main menu, but I have removed it from here by absolutely positioning it.

    After 1 day of solidly trying to figure it out, this could be the first time IE7 has got me!

    Any help is greatly appreciated!

    Thanks in advance,

    Dave

  • #2
    Regular Coder gcmax's Avatar
    Join Date
    Sep 2010
    Location
    Leeds
    Posts
    108
    Thanks
    8
    Thanked 5 Times in 5 Posts
    Yes and also viewing in ie7 creates a horizontal scrollbar!

    The answer is not to use absolute positioning unless it is required: in the case of this menu it is most definitely not required, all you need is relative positioning and margins or to use extra divs as spacers.
    ---------------------------------
    website: www.gcmax.co.uk
    webmail: stevenbell@gcmax.co.uk
    ---------------------------------

  • #3
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by gcmax View Post
    Yes and also viewing in ie7 creates a horizontal scrollbar!

    The answer is not to use absolute positioning unless it is required: in the case of this menu it is most definitely not required, all you need is relative positioning and margins or to use extra divs as spacers.
    Unfortunately I can only edit the CSS of the site (it's Wordpress) as we can't edit the templates/structure due to the stupid devs that created the wordpress install not allowing us access. That also rules out any JS but shouldn't need that anyway!

  • #4
    Regular Coder gcmax's Avatar
    Join Date
    Sep 2010
    Location
    Leeds
    Posts
    108
    Thanks
    8
    Thanked 5 Times in 5 Posts
    Having never messed with wordpress before I wouldn't know: just to clarify your saying you can't alter the html? If this is the case you may want to look into using the css properties of z-index and display.

    z-index sorts the document into layers like z-index:-1; or z-index:200; or whatever number you like depending on how many layers there are. Try a high z-index number first.

    Display is the box displayed by an element which shouldn't matter here but sometimes this is a remedy for IE issues. display:inline; should be fine.

    Try altering the css for the parent divs that contain the actual content and something good should happen
    ---------------------------------
    website: www.gcmax.co.uk
    webmail: stevenbell@gcmax.co.uk
    ---------------------------------


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •