CSS Cannot get header and footer, to overlap the wrapper div, theme 2010

  • foodboy

    (@foodboy)


    11 years, 5 months ago

    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)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 5 months ago

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

    Thread Starter foodboy

    (@foodboy)

    11 years, 5 months ago

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

    WPyogi

    (@wpyogi)

    11 years, 5 months ago

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

    Thread Starter foodboy

    (@foodboy)

    11 years, 5 months ago

    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

    WPyogi

    (@wpyogi)

    11 years, 5 months ago

    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?

    Thread Starter foodboy

    (@foodboy)

    11 years, 5 months ago

    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.