Задаю динамически паддинги: левый и правый.
Левый работает, правый нет. В браузерах IE, FF, Opera работает ок.
Как можно обойти эту проблему ?
Помогите, кто в этом разбирался...
Здесь маленькая тестовая html страничка:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background: none repeat scroll 0 0 transparent;
border: 0 none;
font-size: 100%;
margin: 0;
outline: 0 none;
padding: 0;
vertical-align: baseline;
}
</style>
<!--<script src="../includes/js/jquery-1.4.2.min.js" type="text/javascript"></script>-->
<script type="text/javascript">
function ClickedMe() {
document.getElementById("ex2").style.paddingRight = "20px";
document.getElementById("ex2").style.paddingLeft = "20px";
//$("#ex2").css('padding-right', '10px');
//$("#ex2").css('padding-left', '10px');
}
</script>
<title></title>
</head>
<body>
<div class="container">
<div class="ex2" id="ex2" style="background-color: yellow;">
<div class="design_wpheader_preview" style="height: 50px; background-color: red;">
<div class="padfix">Header</div>
</div>
</div>
</div>
<div>
<input type="button" name="clickme" id="clickme" value="Click for make paddings: left and right!" onclick="ClickedMe()" />
</div>
</body>
</html>
