Undvik padding i en nästlad <div>'s parent-<div>

Tjenare!

MasterPage:

<div style="padding:20px;">
< ContentPlaceHolder />  // Här kommer alla undersior placeras (Default, About, Contact etc)
</div>

Default.aspx:

<div style="[{ Styr yttre div så jag inte får nån padding här }]"></div>

Instinktivt trodde jag att det gick att genomföra med minus-padding: padding: -20px;

...Men det gick inte så bra =) Så har ni nåt förslag så spotta!

position relative; left: -20px;

Problemet där är att bredden kommer bli 40px fel till höger. Så:

en negativ margin borde fungera i de flesta webbläsare?

Det är inte padding du vill ha negativ för din child-nod ;)

Löste det med jQuery.parent().css({});

Tack.

testade du med en negativ margin?

Ja jag testade men det gick inte bra. Funkade med andra ord inte :) Men jag tycker att det borde funka? Vore mer effektivt i fortsättningen.

tycker det inte är en bra lösning att lösa det med javascript. Varför har du inte marginen på 20 i din "inne-wrapper" och ingen padding på "huvud-wrappern"?