Extend Background of a Block (div) to the Edge of the Screen

  • Author
    Posts
  • #32165
    Cole

    Hi. I am developing a webpage an I have a list of blocks that need to have a colored background that extends to the edge of the screen. You can see my existing layout at the webpage below but instead of the blue blocks only extending to the edge of the main section, I need it to extend to the edge of the page. I also need it to remain responsive.

    I have tried putting all of the blocks into a wrapper div with a absolute position that starts at the far left side of the website. This worked with the content and everything displayed correctly except for that the social media links (normally at the bottom) were on top of the content and the footer disappeared. I figured it was a problem with the layout interacting with absolute positioned elements. I read suggestions to contain the absolute div in a relative div with a fixed height but the content is not fixed and that would not be responsive.

    Can someone help on how to do this is tempera?

    Page: http://nightingalemontessori.org/nmtemp/innovative-education/10-traits/

    Thanks,

    Cole

Viewing 1 post (of 1 total)

The topic ‘Extend Background of a Block (div) to the Edge of the Screen’ is closed to new replies.