Obrolan Cak Edy

Avatar

Bahwa sesungguhnya sholatku, ibadahku, hidupku, matiku hanya untuk Allah, Rabb semesta alam. Tempat kembali semua kehidupan.

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.

No Comments, Comment or Ping

Reply to “Mengatasi Horisontal Scrolling Frame pada IE”


PROFIL

achedy'sAchedy 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

FLICKR

www.flickr.com
Semua Photo »

eXTReMe Tracker