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”);
}

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s