Rabu, 07 Februari 2007

Mengatasi Horisontal Scrolling Frame pada IE

Ceritanya saya membuat sebuah desain lagi untuk sebuah situs PEMDA. Saya gunakan Full CSS untuk keperluan ini. Sengaja saya menggunakan lebar 780 pixel dengan alasan agar terbaca pada resolusi 800 x 600. Karena situs penuh banner titipan (kalau diitung ukurannya lebih dari satu disket), maka akhirnya saya menggunakan frame versi detik.com . Saya bagi dua frame, atas untuk situs utama, dan bawah untuk banner yang saya jalankan dengan marquee.

Saya cek dengan firefox pada resolusi 1024. Berjalan dengan normal. Namun ketika di IE, bagian bawah situs utama nyekrol. Lama saya utak-atik property Frameset, dan tak berhasil. Alhamdulillah, sebuah blog memberitahu bahwa ini adalah bug IE. Dan cara mengatasinya adalah dengan menambahkan CSS pada situs utama dalam frame.

Cara 1

html {
overflow-y: scroll;
}


Cara 2

html {
overflow-x: hidden;
overflow-y: auto;
}


Cara 3

body {
margin-right: -15px;
margin-bottom: -15px;
}


Namun, saya sendiri menggunakan cara 2 untuk mengatasinya. Dan terbukti, bagian bawah desain saya tidak nyekrol lagi.

Tidak ada komentar:

Posting Komentar

Artikel mungkin sudah tidak up to date, karena perkembangan jaman. Lihat tanggal posting sebelum berkomentar. Komentar pada artikel yg usianya diatas satu tahun tidak kami tanggapi lagi. Terimakasih :)