CSS Layouting - #9 Clear

[@fauziseptyansyah2074]

keren pak dika, pas baru banget selesai materi yang buat web saya nyoba nyoba sendiri buat bikin tampilan web nya ada kolom kanan tengah sama kiri pake display inline-block terus margin nya di sesuain semua, ternyata pas mau lanjut langsung ke materi float, emang suka ngide anaknya si hahahaha. Pokoknya buat pak dika keren banget

[@dwirohmadi9870]

pak dhika: "mohon maaf kalau penjelasannya agak membingungkan" me: "jelas banget pak penjelasannya"

[@AbdulMalik-og6up]

Terima kasih banyak pak dika, semoga sehat dan sukses selalu.

[@salmantechno]

Terima kasih Pak atas sharing ilmunya 🙏 Bermanfaat sekali Ayo belajar dan berkembang bersama SalmanTechno 💪👍

[@haoxianguser]

Terimakasih pak Dhika, penjelasannya sangat mudah dimengerti.

[@aade4n]

Sangat bermanfaat, trimakasih ilmunya.

[@lemmingz]

Alhamdulillah , terimakasih pak

[@adisalafudin]

terimakasih pak dhika untuk ilmunya sangat bermanfaat

[@kucingganteng3536]

sudah 6 tahun berlalu tapi rasanya masih relevan untuk dipelajari jika ingin memulai belajar web

[@MegaJokothole]

singkat padat berisi videonya bagus mas

[@sandhikagalihWPU]

+Muliadi Adi Thx Muliadi.. :)

[@zhashirama9577]

Terimakasih penjelasannya pa, sangat bermanfaat :D Upload semua video nya buat saya download dong pa , Biar bisa belajar tanpa harus terhubung ke internet hehe :D

[@androlitez8471]

Hatur nuhun pa , bermanfaat pisan :D

[@dhimasbudiarso6132]

terimakasih untuk ilmunya

[@ininamakokharusdijarak6815]

semakin keren

[@hamdangunawan2278]

Pak..kan tadi di script clearfix ada properti display..tapi value nya table..fungsinya itu buat apa pak???

[@indra_5629]

Pak saya ingin bertanya untuk bagian imagegalery, setelah saya memakai micro clear by nicholat tulisannya tetap berada di samping itu kenapa yah pak, sedangkan memakai div kosong akan berhasil kebawah pak

[@alysazhafirah8835]

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

[@musarecord12]

jelas pak dhika. tapi kok clear fix gk ngaruh ke yang contoh div.kotak ya (no.2)? atau saya ada keliru. cuma bisa pakai property clear. terimakasih byak tutorial sangat jelas

[@andhikajansenreforwan]

Ohh , berarti si clear ini ngembaliin si element nya ke posisi Normal-flow ya ?

[@19.MYusufJavananta]

mending display inline block atau float?

[@muhammadrizkybaskara9482]

enakan mana bang jadina?

[@0h.0htenan49]

tapi bisa juga kan pake width:100%; di css

[@maulanaarvy]

Berkah mas

[@sultianazhari5414]

saya bisa pakai overflow dan div kosong namun untuk scriptnya gagal

[@daviddsiagiands]

Terima kasih video Bapak sangat mengedukasi. Saya mau bertanya pak apakah untuk menangani border runtuh dapat menggunakan properti padding-bottom?

[@bruhhastaken]

bisa tapi repot gan, soalnya paddingnya harus di sesuaiin gitu sama konten yg kena float. mending di clearfix biar mudah..

[@zainalmutaqin7386]

mohon maaf pak, untuk yang sekarang sudah tidak bisa di auto overflownya melainkan di hidden untuk value-nya. segitu aja pak sekian

[@MuhammadAli-co7ux]

saya baru sadar, ketika menerapkan clearfix nicolas. property font-size tidak mempengaruhi tag H1. apa memang begitu ?

[@rifkinietzsche2450]

aku paham aku paham

[@rizkymuhamad9743]

Coba aja semua dosen IT di kampus saya ngajarnya kaya bpk wkwkwk

[@naturejakarta9969]

Pak kalau footer itu harus container sendiri apa gabung ya? Setelah saya pakai clearfix, footer malah jadi ketiban gambar pak, mohon solusinya pak

[@HarunSulaksono]

Sama Mas , kasusnya sama , baru belajar malah kena problem ini. Footernya nggk mau balik ke bawah

[@kofukag5268]

oalahhh agak mirip bener nggk bang?

[@migigamboa5765]

Thanks

[@novrinovri5402]

penjelasan lu keren banget dah detail mudah di mengerti ,bngsd emng pokoknya keren dah lu pak

[@siachmad]

Wah ente terkenal gan, masuk di twitter Pak Dhika, siap siap jadi selebritis bngsd emng pokokknya keren dah lu pak🤣

[@siachmad]

Sundul gannn

[@fachrudahri9377]

mas kalau di css .container nya di tambahin display inline-block juga bisa saya coba, tapi pada umumnya pakai yang trick nicolas ya?

[@SinggiProject]

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

[@synsjoker7147]

kok saya ga bisa pake micro clearfix di materi float yang ke-2 ya? mohon pencerahannya pak. terima kasih

[@antonihasea3057]

sama bro

[@alifaditya1547]

materi float yg kedua itu image-gallery ya? tag ikut kebawa sama value floatnya? nambahin class .cf di container? kalo iya, itu karena float seharusnya udah berhenti sebelum tag , sedangkan kalo kita tambahin kelas .cf ke container, otomatis seluruh container kena efek float. Kalo mau bikin lagi div baru buat ngebungkus semua class .kotak, terus tambahin class .cf ke div baru bukan ke container. cmiiw

[@septirizki7827]

@@alifaditya1547 Kalau logikanya kaya gitu, lalu contoh satu. Float-nya ada di img dibawah img ada paragraf. Tapi pas ditaruh "cf" di container malah berhasil..

[@onirbanislam2791]

Good tutorial. which language is this ?

[@sandhikagalihWPU]

thanks.. :) it's Indonesian Language from Indonesia..

[@ramadhanluthfi7392]

maaf pak saya sudah mencoba setelah ditambahkan clearfix punya nicholas kenapa tidak berfungsi ya clearfix nya? terimakasih pak

[@indra_5629]

Sudah tambahin clasnya di bagian div containernya?

[@muhammadsyabanifalif8124]

Itu gambar kalau difloat left si container bakal menyusut karena kgk ada gambar, tapi kenapa elemen paragraf berada disamping si gambar ?

[@poopooo7601]

Kan pake div kosong

[@panjichristiano3033]

kalau pakai br boleh ga???

[@vebe3381]

kalo saya jajal make tugas ke 2 yg ada 10 kotak, tulisanya tetep nempel ke samping kotak. apa kalo yg itu harus make div kosong ya.

[@starry_mysins]

Iya dong

[@rizalmuharam5044]

kok gak terjadi apa apa setelah saya kasih clear ya mas,tlisan masih tetep gak mau pindah

[@ShiranuiYura]

Kasusnya sama kek saya, udah ketemu mas salahnya dmn?

[@mametadilaraaf4543]

@@ShiranuiYura copas scriptnya coba mas

[@NusantaraBitcoin]

mengapa tidak menggunakan "overflow: auto" saja?

[@anygameshowcase]

Sebab, itu cuman ngakalin. Ada syntax yang lebih tepat untuk menangani si float ini

[@waaagh2903]

Gk aman. Saya harap setelah setahun berlalu mas/mbak tahu.

[@celva2]

Pa saya pernah dapet info kalau untuk clear tinggal ketik "overflow:auto" untuk "div" yang memuat float. Dan hasilnya juga sama pak, apa itu solusi juga atau cuman akal-akalin?

[@holy2001]

Di video juga ada 😗

[@MuhammadAli-co7ux]

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 🙏

[@cendy3232]

Cache

[@kagari21]

pak klo menggunakan micro clearfix untuk yang index no 2 yg pagination , g bisa pak soalnya kan clear nya ada di tengah bagian antara pagination dan paragraf. cara ngakalinnya pake micro clearfix gmma ? atau pakai yg menambahkan div kosong class clear aja ?

[@vebe3381]

tulisanya jadi nyambung ya. sama gua juga. mungkin emg mesti diakalin dengan div ksong

[@MuhammadFikri-du4qk]

mas Sandi boleh ga saya download videonya via video conveter youtube ..? terimakasih

[@sandhikagalihWPU]

silahkan :)

[@reika6322]

03:18 Penanda

[@velnussablongarment]

enak pakai property ini saja div { Overflow: auto; } langsung jadi

[@mochamadyusuf4263]

Iya di parent nya ya

[@Mikeul2GT]

bukannya udah dibilangin kalo float itu harus dibersihkan. CMIIW

[@syifanurlatifah]

kenapa pake overflow: auto bukan merupakan fungsi yg paling tepat pak? kan tanpa clear juga bisa

[@hafidzibrahim6747]

property clear di buat untuk mengatasi property float. makanya overflow walaupun bisa digunakan tp bkn cara yg tepat

[@taufikhaniff1458]

Overflow ibarat lifehack

[@ichwansetyawan4194]

bang kalau seandainya kita menggunakan beberapa float dalam projek, kita boleh menggunakan microclearfix dengan kelas yang sama gak bang?

[@ajismaulana4547]

Bang Ada Ebooknya Ngga ?

[@ririnharyanto8341]

pak saya masukin script clear nya ngak ada pengaruhnya?? koq bisa

[@alfanmask6187]

#bantujawab Udah masukkin class cf di containernya?

[@ahmaduffi3301]

Punya ku kok gak bisa y?

[@yudistirayuda3865]

Masih bingung kenapa pakai overflow : auto tidak bagus? Apa problem nya kalo pakai overflow : auto ya pak?

[@rifpol3221]

tidak efektif, karena overflow auto buat paragraf mirip kayak scroll, coba cek di w3school yg overflow auto nanti ngerti digunakan buat apa, paling baik ya pake clear dan clearfix

[@diataswaras]

bingung di footer keatas setelah di float pak

[@4ia12_ghaffarhadista4]

aku lebih enak pake overflow hehehe

[@MegaJokothole]

singkat padat berisi videonya bagus mas

[@irfanarifin4638]

mau nanya pak, saya udah coba pakai micro clearfix tapi ada terjadi error di bagian .cf { *zoom: 1; } mohon bantuannya semua🙏

[@nic1885]

bintangnya hapus