Cara Membuat Tag Div Menjadi FullScreen Di Html

02:19
Web - bagi kalian yang sering membuat website menggunakan HTML, tentu saja kalian sering mengalami masalah saat mendesainnya menggunakan css, dan banyak sekali masalah dalam desain web yang di alami pemula (newbie). karena pemula adalah calon professional, maka pemula tersebut harus belajar dan mendalami Bahasa pemograman web seperti CSS.

dan salah satu masalah yang cukup membingungkan di CSS adalah, saat kita ingin membuat website dengan tampilan yang full screen. dan jika kita lihat, setelah kita membuat sebuah tag dengan width dan height 100%, maka tag div tersebut akan terpotong atau tidak full screen.


tentu saja masalah kecil tersebut akan membingungkan bagi kita yang belum tau. dan untuk membuat tag div menjadi full screen di website kita hanya perlu sedikit memodifikasi CSS pada tag body.

Cara Membuat Tag Div Menjadi FullScreen Di Html

  1. buka file CSS websitenya
  2. setelah itu, di Style Body kita tambahkan ;
  3. margin:0;
  4. sehingga akan menjadi seperti ini
  5. body {
     margin:0;
    }
  6. kemudian simpan file tersebut dan coba buka kembali webnya

jika masih belum fullscreen periksa width/height style tag Divnya, apakah sudah 100% atau belum.

Untuk membuat sebuah Tag Div menjadi FullScreen, kita harus menghilangkan Margin yang ada pada body, bukan artinya kita harus mengtiadakan margin di body. yang harus kita lakukan adalah membuat marginya menjadi 0 agar tag div tersebut dapat menjadi full screen

Semoga Bermanfaat

Share this

Related Posts

Previous
Next Post »