HTML/CSS Sitede Tasarım Problemi

kadi_r dedi:

CSS:Panoya kopyala

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

Genişletmek için tıkla...

Hocam bunu nereye koyuyorum? Ana css dosyasına mı

eminilhan dedi:

Hocam bunu nereye koyuyorum? Ana css dosyasına mı

Genişletmek için tıkla...

Bu clearfix kodu.

Tryit Editor v3.6 su örnegi incelereniz nasil kullanabileceginizi daha iyi anlarsiniz.

Hocam dediğiniz şekilde uyguladım ama teker teker aşağı sütun gibi yaptı.

Bootstrap kullanıyorsun galiba o yüzden div'in class'ına clearfix yazmayı dene.

valla denedim herşeyi ama olmuyo arkadaşlar. eserlerimiz bölümünde problem yok. ama orada da sayfa yükleyicisini (preloader açılışta dönen yuvarlak şey) kaldırınca bunun gibi düzen bozuluyor. kaldırmayınca normal duruyor. bu sayfada preloader eklesemde çıkarsamda aynı bozukluk var. ben anlayamadım valla

Bootstrap'ın kod düzeni karmaşık biraz ilk etapta çözmek zor. Sorunsuz sayfalara bakıldığında div bloklarının alttaki bloklarla arasının açık olduğu görülüyor. Sorunlu sayfada ise birbirlerine yakınlar ve tahminimce iki satırlı cümlelerde bloklar takılıyor, bir geriden başlıyor. Sığmadığında ise direkt aşağı atmış. Aynı stillerde farklı düzen olması nedeniyle bu sayfadaki genel bir stil kuralının buradaki düzeni bozduğunu düşünüyorum.