Menu Tutup
Membuat Layout Full Screen dengan CSS - Rezpect Blog

Membuat Tampilan Layout Full Screen dengan CSS

Layout Full Screen – Dalam mendesain sebuah tampilan website, tentunya coding CSS (Cascading Style Sheet) memiliki peran yang sangat penting dalam penataan tampilan yang tidak akan bisa kita lakukan bila hanya memakai HTML. Walaupun bisa namun hasilnya akan kaku dan tidak sebaik ketika menggunakan CSS.

Namun, ada masalah yang cukup mengganggu beberapa orang (terutama yang baru belajar seperti saya), yaitu output tampilan atau hasil penulisan perintah yang telah kita buat tidak bisa memenuhi layar browser alias menyisakan sedikit ruang di pinggir sehingga membuat hasil desain tampilan website kita terlihat kurang baik dan cenderung tidak terlihat rapi seperti gambar diatas.


Layout Full Screen dengan CSS

Nah, untuk masalah seperti ini, kita bisa mengatasinya dengan sedikit mengetikkan coding CSS saja. Berikut coding yang perlu kalian sisipkan ke style.css kalian :


Kamu bisa download coding CSS Layout Full Screen-nya disini.


Baca : Berbagai Artikel Pemrograman Lainnya (C, C++, HTML, CSS, dsb)


Mudah sekali bukan? kita cukup menggunakan perintah margin: 0; dan padding: 0; yang berfungsi untuk menghilangkan pengaturan default dari browser sehingga menghasilkan tampilan website yang memenuhi layar browser. Sekalian tambahkan height:100%; untuk body agar pengaturan tinggi objek CSS yang kalian buat bisa lebih akurat. Semoga Bermanfaat ~!

Related Posts