Comment faire pour div div qui est dans le contenu à plus large que son contenu?

Question

Ex. Le code ci-dessous est représenté en tant que Blue Box, je veux étendre 2 grille à un jaune. Mais, le problème est; Ceci ... doit être à l'intérieur content mais il a toujours la marge gauche et droite. Je ne sais pas comment résoudre ça.

<div data-role="content" data-theme="d" > 
     <div class="ui-grid-a" > 
      <div class="ui-block-a"><strong>Time:</strong></div> 
      <div class="ui-block-b" id="price-order-timestamp">yyyy-mm-dd hh24:mi:ss</div> 
     </div> 

     <div style="width:100%;"> <!-- Here--> 
      <div class="ui-grid-d" id="data-table-header" > 
       <div class="ui-block-a">Label A</div> 
       <div class="ui-block-b">Label B</div> 
       <div class="ui-block-c">Label C</div> 
       <div class="ui-block-d">Label D</div> 
       <div class="ui-block-e">Label E</div> 
      </div> 
      <div class="ui-grid-d" id="data-table" > 
       <div class="ui-block-a">A</div> 
       <div class="ui-block-b">B</div> 
       <div class="ui-block-c">C</div> 
       <div class="ui-block-d">D</div> 
       <div class="ui-block-e">E</div> 
      </div> 
     </div> 
    </div> 

Answer 1

Si vous souhaitez supprimer le remplissage par défaut ajouté à la balise data-role=content, ajoutez le remplacement suivant dans votre custom.css

#myPageId .ui-content{ 
    padding-left:0; 
    padding​-right:0; 
}​ 

http://jsfiddle.net/nirmaljpatel/LW5aC/