[SOLUCIONADO] boder en porcentaje

[czfritz]

hola buen día como están amigos
les que quería pedir una ayuda

por favor como hago para no distorsionar o para que no se salga el divs cuando pongo bordes

Código PHP:

  <div style=" width:100%; height:200px; border:1px solid #000000; background:#F4090D"> 
    <div style=" width:100%; height:198px; border:1px solid #EF0BD8; background:#B5E112;"></div> 
</div>  
   

cuando coloco borde en un 1px se sale como hago para calcular exactamente por favor ayuda.

[carlillos]

Por aquí al parecer se preguntaba lo mismo:
http://www.forosdelweb.com/f53/borde...-capa-1145864/

[czfritz]

muchas gracias por la ayuda estuvo excelente me sirvió de bastante ayuda

pero tengo un problema, cuando lo pongo en 100% el div que contine al otro div de adentro 98% pading 1% 1% me muestra un espacio como ela siguiente image


aqui esta el cogigo css

#NuECo{width:910px; float:left; padding:0 5px 5px 5px;}
#comen{ width:605px; float:left; margin-right:5px;}
#cometa{ width:100%; float:left; border:5px solid #E8E8E8; box-sizing: border-box;}
#titcomen{ width:98%; height:30px; padding-left:1%; padding-right:1%; float:left; font-size:18px; text-align:left; color:#666666; line-height:30px; background:#2DF00F;}
#formC{ width:100%; float:left; background:#08F5F2;}

<div id="NuECo">
<div id="comen">
<div id="cometa">
<div id="titcomen"><strong>Comentarios a cerca del artista</strong></div>
<div id="formC">
<form action="/" method="post">
<textarea></textarea>
</form>
</div>
</div>

</div>

[g3kdigital]

La verdad no entiendo porque estas haciendo todo el html así, ya que facilmente se puede resumir en:

Código HTML:

<div class="comentario">
  <h3 class="titulo">Comentarios a cerca del artista</h3>
  <form action="/" method="post">
     <textarea></textarea>
  </form>
</div> <!--comentario-->
 

Pero bueno, para ayudar con tu problema solo coloca el selector universal y el box-sizing así:

Código CSS:

*{box-sizing: border-box}
 

Y titcomen lo dejas en width:100%, no le restes el padding.

[czfritz]

muschas gracias. g3kdigital me fue de mucha ayuda