SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Member
    Join Date
    Sep 2006
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    menu over content

    check this out guys..can u tell me how is this done?...the navs on the bottom is overlaping the whole content..

    http://www.elev3n.co.uk/

  2. #2
    I meant that to happen silver trophybronze trophy Raffles's Avatar
    Join Date
    Sep 2005
    Location
    Tanzania
    Posts
    4,662
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    They have used position:fixed, which puts something in a position where it will stay regardless of whether you scroll or not.

    Internet Explorer doesn't support it though, so they've used a workaround for it using some rather messy CSS (but there's no other choice except to use Javascript). You can see the workaround in http://www.elev3n.co.uk/smx/themes/elev3n/ie.css

  3. #3
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It uses position: fixed for the navigation. IE doesn't support position: fixed on anything but the body so he's used conditional comments to give IE a different set of rules and has used position: absolute for the navigation instead. The effect isn't quite the same in IE and I don't really like how it works in IE.
    There are ways to do fixed position layouts that work better cross-browser:
    http://www.cssplay.co.uk/layouts/bodyfix.html
    http://www.pmob.co.uk/

    EDIT: Raffles beat me to it however the links I've given should provide methods for getting it to work in IE without javascript.

  4. #4
    SitePoint Member
    Join Date
    Sep 2006
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    position:fixed on the nav div id? or in the div id of the content?

  5. #5
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you look at the CSS, you'll see it's on #navigation.

  6. #6
    SitePoint Member
    Join Date
    Sep 2006
    Posts
    3
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    wow..thanks for the help guys..and thank u for the links mr tyssen..i'll go check it out


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
  •