Mengatasi Horisontal Scrolling Frame pada IE
Diposting oleh achedy pada CSS dengan 305 kali baca
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.
Achedy
adalah seorang programmer web dan bapak dari satu orang anak. Tinggal
di Surabaya sejak tahun 1996. Menulis adalah hobinya sejak kuliah. Blog
ini hanyalah opini pribadi yang tidak terkait dengan perusahaan,
partai, asosiasi, dan forum tempat blogger beraktifitas. Bisa dihubungi
melalui email achedy_at_penamedia.com
No Comments, Comment or Ping
Reply to “Mengatasi Horisontal Scrolling Frame pada IE”