CSS Layouting – #9 Clear
Property Clear digunakan untuk mengatasi masalah2 yang ada pada float, seperti yang kita hadapi di video sebelum ini :
Apabila kita sudah menggunakan Float, maka untuk menghentikannya / membersihkannya kita harus menggunakan Clear..
—
CSS Micro Clearfix
http://nicolasgallagher.com/micro-clearfix-hack/
—
download slide:
http://www.slideshare.net/sandhikagalih/css-layouting-4-float
—
– HTML Dasar
https://www.youtube.com/playlist?list=PLFIM0718LjIVuONHysfOK0ZtiqUWvrx4F
– CSS Dasar
https://www.youtube.com/playlist?list=PLFIM0718LjIUBrbm6Gdh6k7ZUvPIAZm7p
– Tutorial Sublime Text
https://www.youtube.com/playlist?list=PLFIM0718LjIWE-Ot9V9qcALx5OMAZY67c
—
follow juga akun media sosial kita yang lain :
– https://www.facebook.com/WebProgrammingUNPAS
– http://codepen.io/webprogrammingunpas
– https://github.com/webprogrammingunpas
– http://pw.if-unpas.org
– http://www.unpas.ac.id
terimakasih dan selamat #ngoding!
@sandhikagalih
CSS Layouting – #9 Clear
CSS Layouting – #9 Clear
Hatur nuhun pa , bermanfaat pisan 😀
Terimakasih penjelasannya pa, sangat bermanfaat 😀 Upload semua video nya buat saya download dong pa , Biar bisa belajar tanpa harus terhubung ke internet hehe 😀
singkat padat berisi videonya bagus mas
singkat padat berisi videonya bagus mas
Teknik dan trik seperti ini memang banyak di CSS.
Sebelum
era CSS3, triknya lebih banyak lagi, terutama untuk membuat efek
bayangan, rounding corder, dll. Setiap trik punya kelebihan dan
kelemahan sendiri2. Mesti dipelajari dulu satu2 dan di test langsung.
Standar CSS dan dukungan web browser juga selalu berubah 🙂 . Sehingga bisa jadi
trik yang dulunya berjalan, sekarang sudah tidak bisa lagi (atau malah
sudah ada property CSS khusus untuk itu).
Link http://nicolasgallagher.com/micro-clearfix-hack/ berasal dari 2011. Bisa jadi trik tersebut untuk mengakomodasi IE 6/7 yang memang sering bikin pusing… 🙂
Good tutorial. which language is this ?
bingung di footer keatas setelah di float pak
Mas, sy biasa menggunakan float untuk membuat colom untuk main conten dan side bar conten…. biasanya untuk membersihkan float, sy tidak membuat div kosong… tp memasukkan di div selanjutntya… biasanya untuk div footer. cara ini benar ngak mas…?? mohon penjelasannya… trims
kok gak terjadi apa apa setelah saya kasih clear ya mas,tlisan masih tetep gak mau pindah
Bang Ada Ebooknya Ngga ?
mas kalau di css .container nya di tambahin display inline-block juga bisa saya coba, tapi pada umumnya pakai yang trick nicolas ya?
Pak, bedanya <html lang="en">, sma <html lang="id"> sma <html> doang apa ya?
Itu gambar kalau difloat left si container bakal menyusut karena kgk ada gambar, tapi kenapa elemen paragraf berada disamping si gambar ?
mas Sandi boleh ga saya download videonya via video conveter youtube ..? terimakasih
Terima kasih video Bapak sangat mengedukasi. Saya mau bertanya pak apakah untuk menangani border runtuh dapat menggunakan properti padding-bottom?
bang kalau seandainya kita menggunakan beberapa float dalam projek, kita boleh menggunakan microclearfix dengan kelas yang sama gak bang?
bang Sandhi kenapa yah… aku bikin website sederhana responsive tapi kenapa pada tampilan Smartphone gak responsive padahal browser pas aku resize jadi responsive.? mohon bantuan bang
mengapa tidak menggunakan "overflow: auto" saja?
saya pernah buat program web dengan css, hasil dari programnya saya tampilkan di google chrome.
setelah beberapa waktu, saya menghapus file css dari program yg saya buat.
ketika saya tampilkan kembali hasilnya di google chrom, file cssnya masih aktif. padahal saya sudah menghapus file cssnya.
sedangkan ketika saya menampilkan program yg saya buat (dengan kondisi file cssnya telah saya hapus) di firefox tidak ada masalah.
kenapa hal itu bisa terjadi yah ?
mohon penjelasannya 🙏