öncelikle hocam tekrar geri gelmeniz güzel bir şey hoş geldiniz.

şimdi : soru başlığı css olduğu için her sayfada olması gereken kodlar elbette var :
bir standart oluşturduğumuzu var sayalım ve herhangi bir framework kullanmıyoruz diye düşünelim (bootstrap, materrialize vb.)



/**
burada ki '*' her şey anlamına gelmektedir.
**/
* {
margin : 0; /* burası yukarıya yapışma sorununuzu çözecektir. */
padding : 0;
border : 0;
}
img {
display:block;
}
.no-bordered {
border : 0;
border:none;
}
header, .header {
width: 100%;
height:auto;
position:relative;
float:auto;
display:block;
}
main, .main, .container {
display:block;
width:100%;
height:auto;
position:relative;
float:auto;
}
footer, .footer {
display:block;
width:100%;
height:auto;
position:relative;
float:auto;
}



2. soruya gelelim :

tabiki genel div kullanmak gibi bir zorunluluğunuz yok ama olayı sizden su isteyen birine su vermek gibi düşünün. bir bardak olmasa tabak tabak olmasa kaşık olmalı yani o su bir şeyin içinde olmalı ki, ihtiyacı olan suyu tek seferde götüre bilesiniz.

örnekle açıklamak gerekirse:




Header 1.Örnek




Main 1.Örnek




Footer 1.Örnek







bu container içinde olan örnek;






cevap biraz fazla uzadı gerisini buradan inceleye bilirsiniz; :)

iyi forumlar.