Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › 3 Same level divs to be positioned ontop of each other?????

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 19, 2011 at 10:08 am #31304
    Steven Gardner
    Participant

    Hi everyone,

    I am working on a local goverment project to transfer a html css design into a goverment supported system. Anyway i need to Place 1div as header with 2nd div (same level in dom) as nav ontop of header also a 3rd div in to be placed ontop of the header in the right hand side. With a 4th div as main content butting up against header div.

    I will recreate the html, my hands are tied with html.

    ideally i want

    header: 960px centered
    headerlinks: 920px centered and positioned along the bottom inside header
    pageHeader: 300px width 100px hight, top right corner of header
    pageContent: butt up against header

    Thanks for taking a look

    January 19, 2011 at 11:40 am #65283
    dhechler
    Member

    Your structure would look more like this

    and to get you started, your CSS would be


    
#pageContainer { width: 960px; margin: 0 auto; }

    Hope this helps.

    January 19, 2011 at 12:20 pm #65269
    Steven Gardner
    Participant

    thanks

    I managed to get things sorted. The HTML was out of my control and was laid out the way i typed it which made things slightly harder.

    Anyway thanks again.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.