container toplam genişliktir. sizde 1300px olarak tanımlanmış.
645px içerik(content) tanımlanmış. 300px'de soldan margin verilmiş. yani toplamda 945px genlişlik oldu burası.
sidebar(sol veya sağ blok) 1 ve 2 olarak tanımlanmış. ilki 275px ikincisi 250px olarak genişlik verilmiş.
margin-left: -950px; burasıda content'de 300px olan margin'in sıvama bölümü olmuş.
marginleri saymazsak 1300px'lik genişlikte toplam 1170px yer kaplayan bir temanız var. yani 130px daha yer var margin ve padding gibi değerler verebilmek için.
temanızın olması gereken hali aşağıdaki gibi olmalı; gerekli düzenlemeyi yaptım. borderları kaldırıp her id ye +2 px değer verebilirsiniz.
<html>
<head>
<style>
#container {
width: 1300px;
margin: 0 auto;
}
#content {
overflow: hidden;
float: left;
width: 643px;
border:1px solid #000;
margin-left: 65px;
}
#sidebar-primary {
overflow: hidden;
float: left;
width: 273px;
border:1px solid #000;
}
#sidebar-secondary {
overflow: hidden;
float: right;
width: 248px;
border:1px solid #000;
}
</style>
</head>
<body>
<div id="container">
<div id="sidebar-primary">
sidebar primary
</div>
<div id="content">
content
</div>
<div id="sidebar-secondary">
sidebar primary
</div>
</div>
</body>
</html>