wp style css düzeni

14-06-2014, 00:03:38

#1

~~klimate~~

Üyeliği durduruldu

mrb arkadaşlar, aşağıdaki tema kodlarını değiştirdiğimde site doğal olarak sağa sola gidiyor ama benim anlamak istediğim tam olarak mantık nedir, bi px var margin vs. burda container 1300 ise diğer primar secondar content toplamı 1300 mü olması gerekiyor? ya da basitce bu konuyu anlatan bir linkde verirseniz çok iyi olur arkadaşlar.

#container {
width: 1300px;
margin: 0 auto;

#content {
overflow: hidden;
float: left;
width: 645px;
margin-left: 300px;
}

#sidebar-primary {
overflow: hidden;
float: left;
width: 275px;
margin-left: -950px;
}

#sidebar-secondary {
overflow: hidden;
float: right;
width: 250px;
margin-left: 15px;
}
14-06-2014, 00:19:38

#2

brown

Developer
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>
```