Support » Themes and Templates » CSS Cannot get header and footer, to overlap the wrapper div, theme 2010

  • Hi
    I am using a child theme to override ‘Twenty Ten’ them style.css.
    I would like to style the footer so it overlaps the wrapper div but still sits within the wrapper div so when content is added to the side bar the footer moves with it.
    Basically I `would like the header and footer, to overlap the wrapper div!

    #header {width: 980px; margin-left: auto; margin-right: auto;}
    #footer {width: 980px; margin-left: auto; margin-right: auto;}

    But the wrapper div stops the above code from expanding left and right, overlapping the wrapper.

    I have also tried overflow here without success?

    Hope someone knows how to achieve this in CSS and I can learn where I am going wrong !!

    Many thanks in advance!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    For CSS-specific issues, consider CSS-specific forums.

    Oh thanks Nevins how can I move this post to CSS forum?

    Without a link to your site, impossible to help much with CSS questions.

    I am working locally on localhost ‘learning’ just wondered if anyone has come across something like this and could point me in the right direction! thanks for your help

    I’m not totally understanding what you are trying to do… can you explain a bit more or perhaps post a link to an image of it?

    Managed to solve the issue, needed to make the below changes to the footer
    margin-left: -20px;

    Thanks for your comments regarding a link to my site, I will consider this in the future posts

    Many thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘CSS Cannot get header and footer, to overlap the wrapper div, theme 2010’ is closed to new replies.