Search code examples
csshtmlbanner

Escape the bounds of a div container


Alright, I understand that the purpose of a DIV is to contain its inner elements - I didn't want to upset anyone by saying otherwise. However, please consider the following scenario:

My web page (which only takes up a width of 70% of the entire page) is surrounded by a container (a div). However, under my navigation bar which is at the top of the page, I would like to create w banner that takes up 100% of the width of the entire page (which means it will have to extend outside the bounds of its container as the container is only taking up 70% of the page's width).

This is the basic idea that I am trying to accomplish: http://www.petersonassociates.biz/

Does anyone have any suggestions for how I could accomplish this? I'd appreciate any help.

Evan


Solution

  • If I understood correctly,

    style="width: 100%; position:absolute;"
    

    should achieve what you're going for.