SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Hybrid View

  1. #1
    SitePoint Zealot
    Join Date
    Jul 2000
    Posts
    132
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    menu alignment in IE?

    Hi all..

    Can't for the life of me figure out why this menu won't align in IE...

    http://www.urbanbreakdown.co.uk

    (nav menu at the top)

    Can anyone shed any light on what's going on here? Really want to get it sorted out!

    Thanks

    aj

  2. #2
    Keep Moving Forward gold trophysilver trophybronze trophy
    Shaun(OfTheDead)'s Avatar
    Join Date
    Nov 2005
    Location
    Trinidad
    Posts
    3,746
    Mentioned
    45 Post(s)
    Tagged
    0 Thread(s)
    Well, as always, when you're getting unexpected results and don't know what the hell is wrong, go make sure your website validates to W3C standards.

    Perhaps errors in your mark-up is making Internet Explorer slip into "quirks mode" and do all sorts of weird unexpected stuff.

    When you're through fixing and getting your site to pass validation, post here if you're still having problems.




    Trying to fill the unforgiving minute
    with sixty seconds' worth of distance run.

    Update on Sitepoint's Migration to Discourse

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    When you tell the browser to do something impossible then you get impossible results . You have said that your nav is 377px wide when in fact is about 500px wide. Mozilla ignores any overflow but IE tries to help you by stretching the parent to accommodate and thus ruining the positioning.

    Use the correct dimensions and the correct positioning and don't make the browser think.

    Code:
    #nav {
     left: 470px;
     margin-top: 135px;
     width: 500px;
     height: 26px;
     position: absolute;
     }


Bookmarks

Posting Permissions

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