width 100% della textarea è differente dal width "generale"

[zacca94]

Ho questa pagina:


Con questo codice css:

<style type="text/css">
    .editor-title {
      color: white;
      background: #e18728;
      font-family: 'Gotham Rounded A', 'Gotham Rounded B', "proxima-nova-soft", sans-serif;
      width: 100%;
      padding: 7px 0;
      text-indent: 15px;
      font-size: 13px;
    }
    
    textarea.editor {
      overflow: auto;
      font-family: Menlo, Monaco, monospace;    
      background-color: #1d1f21;
      color: white;
      padding: 15px;
      white-space: pre;
      font-size: 12px;
      border: 0 solid;
      width: 100%;
      
      -moz-tab-size: 2;
        -o-tab-size: 2;
           tab-size: 2;
      
      -ms-word-break: normal;
          word-break: normal;
      
      -webkit-hyphens: none;
         -moz-hyphens: none;
          -ms-hyphens: none;
              hyphens: none;
    }
</style>

    <div class="row">
  
  <div class="editor-title">EDITOR</div>
  
    </div>
    
    <div class="row">
        <textarea class="editor" rows="25"></textarea>
    </div>

Ma come potete ben vedere il width è sputt*anato...

[lucavizzi]

Ma come potete ben vedere il width è sputt*anato...

La differenza è data dal diverso padding delle classi .editor-title e textarea.editor

O usi lo stesso padding orizzontale oppure applichi a entrambe le classi la regola box-sizing:border-box;

[zacca94]

La differenza è data dal diverso padding delle classi .editor-title e textarea.editor

O usi lo stesso padding orizzontale oppure applichi a entrambe le classi la regola box-sizing:border-box;

grazie sei stato gentilissimo