Javascript for CSS style modification inside Google Chrome browser -

I am facing a strange problem that is developing web applications, as much as possible with the most popular browsers :

I have found an HTML code that I want to click on a button from its original position inside the page to move to another position.

Here is the HTML code:

& lt; Div id = "content" & gt; Text content ... & lt; / Div & gt;

Related CSS:

div # content {padding: 15px 15px 15px 215px; }

and javascipt to move the block when clicking on a button:

document.getElementById ('content'). Style.padding = "15px 15px 15px 15px";

=> It works fine in Firefox, IE and Opera (basically, it expands a content block, basically fills the page half of the page on the full page )

=> In Chrome, the javascript code does not extend the block width but transfers it with a fixed width of 200px (but if I fix the padding modifications at once to the hard code Lets ...)

Umi to me If there is a solution for anyone then thanks in advance .. If

If you swap padding for margins It does the same thing in both Firefox and Chrome (on my PC too):

  div # content {padding: 0; Margin: 15px 15px 15px 15px; Background: #fff; }  

and then:

  Hide the function sidebar () {document.getElementById ('content') .style.margin = "15px 15px 15px 15px "; Document.getElementById ('out') .style.display = "none"; Document.getElementById ('in') .style.display = "block"; } ShowShadowbar () {document.getElementById ('Content'). Style.margin = "15px 15px 15px 215px"; Document.getElementById ('outside') .style.display = "block"; Document.getElementById ('in') .style.display = "none"; }  

You may have to wander with some of the rest of your genre to see it.

I think what Chrome is doing is proper (not that I have reviewed the glasses to check), increasing padding should naturally make the block wide.