title: Why my div's doesn't expand with zoom
body: <p>Hi I'm making a web page, but I notice that when I make zoom in the page with any web browser the div's doesn't expand only the text. How can make that both the div's and text expand with I make zoom in them?</p>
  
  <p>This is how I'm working in css, I'm making the positioning in the same way for all my page.</p>
  
  <pre><code>#pagina_principal{
      position:absolute;
      top:5%;
      left:5%;
      width:90%;
      height:190%;
      border:solid red 1px;
  
  }
  
  #menu{
      position:absolute;
      top:10%;
      left:5%;
      width:90%;
      height:3%;
  
  }
  
  #home_principal{
      position:absolute;
      top:0%;
      left:0%;
      width:18%;
      height:100%;
      border:solid lightgrey 1px;
  }
  </code></pre>