Tips CSS Untuk Mengatur Lebar Minimum dan Maksimum Website Agar Sama Pada Berbagai Web Browser

min-width dan max-width adalah kode CSS yang sangat berguna, anda dapat menentukan lebar minimum dari elemen apapun. Ini berguna khususnya untuk menentukan lebar minimum dari sebuah halaman website.

Sayangnya, perintah ini tidak dikenali di IE, jadi kita perlu menggunakan cara baru untuk membuat ini berfungsi di web browser ini.

Awalnya, masukkan

dibawah tag , karena kita tidak dapat memberikan minimum width kepada .

Kemudian kita menciptakan kode perintah CSS, untuk menciptakan lebar minimum sebesar 600px:

#container{
min-width: 600px;
width:expression(document.body.clientWidth < 600? “600px”: “auto”);
}

Perintah pertama adalah code yang umum digunakan untuk menentukan lebar minimum, sedangkan yang kedua adalah perintah singkat dengan Javascript yang dapat dikenali oleh IE. Perlu dicatat bahwa perintah ini akan menyebabkan dokumen CSS anda menjadi invalid, atau sebagai alternatif lainnya, mungkin anda dapat menempatkan kode tersebut di bagian HEAD dari setiap HTML dokumen.

Atau anda mungkin juga ingin menggabungkan perintah antara lebar minimum dan maksimum sebagai berikut :

#container{
min-width: 600px;
max-width: 1200px;
width:expression(document.body.clientWidth < 600? “600px” : document.body.clientWidth > 1200? “1200px” : “auto”);
}