SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Addict
    Join Date
    Sep 2009
    Posts
    316
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Can this layout be achieved?

    I have a wrap that is centered on a page. Beneath it have another wrapper with a different width. I need to place basically, another div behind both of them that is also centered within the body. I'm not sure this can be set up.

    If I set up a div with position: absolute, I can almost achieve this but I am unable to center it within the body. In a sense, I need another wrapper behind these others, with a different width. The blue box in the example represents the area with which I'm trying to place content. I just need a layer/div that exists behind the others and is centered.

    Any ideas? Thanks in advance.


  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,319
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    That should be easy to do. I would simply wrap another div around the ones you have and center it. Just put the blue image on it as a background, make it non-repeating and offset it from the top by the amount desired. I definitely wouldn't go down the pos: absolute path. That's much more likely to have issues on various devices.


Tags for this Thread

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
  •