Çözümü, CSS3 ile gelen calc komutudur. Kullanımı:
<div id="container">
<div class="dortkolon"></div>
<!-- .dortkolon -->
<div class="dortkolon"></div>
<!-- .dortkolon -->
<div class="dortkolon"></div>
<!-- .dortkolon -->
<div class="dortkolon"></div>
<!-- .dortkolon -->
</div>
<!-- #container -->
#container {
width: 100%;
height: 200px;
}
#container .dortkolon {
padding: 10px;
width: calc( 25% - 20px ); // Buraya dikkat, sağlı ve sollu boşluk verildiğinden 2 katını çıkarıyorsunuz. 1px border olsaydı - 22px olacaktı.
}Umarım yardımcı olabilmişimdir...