I have a fixed width div. Within that div I have a div that needs to be full width of the page. So I need to somehow break the full width div out of the fixed width div.
Ive tried css hack which I found online, but that adds a horizontal scrollbar to the browser! So I thought Id turn to jquery.
I can add html (via jquery) before and after my full width div by using before() and after() on my full width div. HOWEVER, I cant seem to add an ending div (which ends my fixed with div) and then open it again after my full width div.
Sorry, Im not explaining this well.
My jquery so far is:
$( ".full-width" ).before('</div>'); $( ".full-width" ).after('<div class="fixed-width">');
Please help! The crux of the problem is that jquery is ignoring the closing div before my full width div.