Absolute element width 100% ignoring padding content-box [closed]

Answer 1

You need to use jQuery here to calculate the width of DIV with paddings. Basically we need to apply the .outerWidth() of DIV to the table -

Demo - http://jsfiddle.net/GDU7Q/

Hope this helps!

Answer 2

If you set your padding to 40px for each side it wants to believe the start of the absolute div is from the left of your relative div, you need to set a negative margin

<div class="outer">
    <div class="inner">
    </div>
</div>

.outer {
    position:relative;
}

.inner {
    position:absolute;
    width:100%;
    padding:0 40px;
    margin-left:-40px;
}

fiddle

Answer 3

just add width:132%; and left:0px;

fiddle