Mengekspresikan TI

Punya masalah aneh, di mana sepotong Javascript bekerja dengan baik di semua browser sebagai oz IE bar biasa Sederhana ... itu, tapi karena naskah tidak ditulis oleh saya, Butuh waktu untuk debug ini "Objek tidak mendukung properti atau metode" kesalahan yang hanya IE muntah. Mungkin! Jika saya menulis script, saya tidak akan menjumpai kesalahan ini sama sekali, karena tidak campuran nama variabel saya dengan bidang Id :).

Masalah: Objek tidak mendukung properti atau metode (pada baris 3)

function funzoneSP(){ document.getElementById('video_id').style.visibility="hidden"; shortdesc = document.getElementById('shortdesc').value; .... } 

Solusi:
Kesalahan yang dihasilkan pada thirdrow dalam contoh di atas (Jalur 3 ... "shortdesc = document.getE ...."). Saya mencoba semua jenis hal-hal bodoh, yang aku nggak bahkan layak disebutkan di sini dan akhirnya coba tebak! hanya mengubah var shortdesc ke sesuatu yang lain menyingkirkan kesalahan. Pada dasarnya! Nama variabel harus berbeda dari fieldID

Sejak tombol radio dan teks yang inline, sehingga teks akan sejajar sendiri ke bagian bawah tombol radio, Teks akan tampak sedikit di bawah tombol radio.
Jika Anda ingin ini untuk menyelaraskan ke puncak, Anda harus menempatkan radio dan teks ke dalam wadah terpisah seperti divs atau rentang (apabila diperlukan) dan mereka akan mengurus pelurusan. Akan lebih mudah untuk menggunakan sel tabel juga, singkat desain Anda mengijinkannya.

Ini tidak akan terlihat sama di setiap browser, karena setiap browser menampilkan radio sedikit berbeda, sehingga tidak selalu akan menjadi masalah ukuran tidak peduli apa yang Anda lakukan.

Google mulai orang gerakan prompt untuk membuang IE6 ... By pengguna mengganggu IE6 dengan POPUP di buka halaman ... mungkin bukan ide yang sangat baik ... tapi menjadi pengembang UI, saya harus bergabung dengan band wagon ... satu browser yang kurang untuk saya khawatir tentang Maaf ... egois itu! tapi saya termasuk javascript ini ... (TRY HALAMAN INI DALAM IE6) ...
Hei! dan pada catatan cerah ... Lihat itu adalah tampilan POWER dari JAVASCRIPT .... bahkan dapat menurunkan raksasa (atau sekali itu)

SO ... Bantuan membebaskan dunia dari IE6 dengan satu baris javascript!

http://code.google.com/p/sevenup/

Dengan browser lain untuk mengurus mulai besok! (IE8 keluar dari Negara besok Beta-nya) ... IE6 waktu yang sangat tinggi dengan diberikan Kematian rahmat Panjang Karena nya ... Serikat kita berdiri untuk musim gugur IE6

"IE6 adalah Netscape 4 baru. Hacks dibutuhkan untuk mendukung IE6 semakin dipandang sebagai barang berlebih. Seperti Netscape 4 pada tahun 2000, IE6 dianggap akan menahan web. "

Jeff Zeldman, standar guru

Dan sementara itu bagi mereka seperti saya yang akan dibanjiri dengan panggilan melanggar layout CSS di IE8, di sini adalah kerja lama sekitar / memperbaiki menggunakan Meta Tag (meta http-equiv = "X-UA-Compatible") Anda bisa mencoba ...

Mis-berperilaku IE8: pecah Tata Letak CSS (Target versi browser menggunakan Meta Tag di IE8)

Jika Anda css orang, Anda akan tahu rasa sakit dalam mendapatkan layout Anda bekerja lintas-browser. IE8 adalah satu lagi kunci pas dalam karya-karya untuk pengembang kami. Anywaz! jika Anda memukul atas masalah ini, Seperti yang saya lakukan kemarin, di mana CSS sempurna bekerja di IE7 (dan sebelumnya) dan Firefox tiba-tiba mulai melemparkan amukan di IE8, TRY ini ... Ini baik tampaknya untuk memperbaiki masalah saya untuk saat ini ....

Menggunakan deklarasi Meta, kita dapat menentukan mesin rendering kami ingin IE8 untuk digunakan. Jadi untuk memaksa IE8 untuk membuat sebagai IE7 ... Masukkan Meta Tag berikut ke dalam kepala dokumen Anda: -

<meta http-equiv="X-UA-Compatible" content="IE=7" />

Secara default Meta IE akan: -

<meta http-equiv="X-UA-Compatible" content="IE=8" />
yang akan membuat IE8 membuat halaman menggunakan mode standar baru.

Jika diperlukan, sintaks ini dapat digunakan untuk mengakomodasi untuk browser lain sebagai berikut:

<meta http-equiv="X-UA-Compatible" content="IE=8;FF=3;OtherUA=4" />

LEBIH Tentang DOCTYPES:

JIKA Anda belum terbiasa dengan jenis hewan yang disebut "DOCTYPE" ... di sini adalah beberapa membaca cepat
Apa DOCTYPES? Apa BROWSER quirks mode & HUKUM?
Mengatur DOCTYPE dalam XSL

Untuk lebih dalam pemahaman mendalam tentang DOCTYPES, coba kunjungi link ini ...
A List Apart: Perbaiki Situs Anda Dengan DOCTYPE Benar!
A List Apart: Beyond DOCTYPE: Standar Web, Teruskan Kompatibilitas, dan IE8

Catatan: Meskipun banyak dari kita HTML / CSS orang telah mengabaikan pentingnya decleration DOCTYPE dalam dokumen kita, Mengatur DOCTYPE yang tepat, biasanya jawaban untuk masalah browser yang paling silang.

Di Firefox ... kadang-kadang Anda mungkin telah memperhatikan bahwa kursor akan berkedip di layar. Mungkin terjadi ketika Anda mengklik pada setiap elemen pada halaman, sebuah divisi atau gambar dll kursor berkedip di jendela browser sebenarnya merupakan Fitur AKSESIBILITAS FireFox disebut 'tanda sisipan Browsing'. Fitur ini memungkinkan / memungkinkan pengguna untuk memilih teks pada halaman dengan keyboard (yang biasanya kita cenderung melakukan dengan menggunakan mouse kita).

Nah! jika Anda ingin donot fitur ini ... tekan sederhana "F7" untuk beralih ke palsu dan sebaliknya (jika Anda menginginkannya ON). Anda juga dapat mengetikkan "about: config" pada address bar (ketik "tanda sisipan" di kotak filter) dan klik dua kali untuk mengubah opsi "accessibility.browsewithcaret" dari "benar" (berbalik tanda sisipan yang sedang berada ON) adalah "false "(berbalik tanda sisipan yang sedang berada OFF)

CSS untuk Non-IE Browser: Its ada berita untuk pengembang CSS yang, Selectors Anak CSS seperti contoh di bawah ini, tampaknya tidak bekerja di IE.

misalnya div> rentang beberapa css {}, yang berarti "ketika sebuah elemen span adalah anak (dan BUKAN cucu atau anak moyang dll) dari elemen divisi".

Tapi kami menggunakan CON ini untuk keuntungan kita. Secara historis, pemilih anak telah digunakan untuk menyembunyikan perintah CSS dari IE. Cukup dengan menempatkan html>body di depan setiap perintah CSS IE akan mengabaikannya:

html>body .foo { CSS commands go here ;}

Ini bekerja karena <body> selalu anak <html> - itu tentu saja tidak pernah menjadi cucu atau cicit dari <html> .

Sekarang IE 7 pemilih memahami anak, Anda harus memasukkan tag komentar kosong di langsung setelah tanda lebih besar dari IE 7 akan tidak memahami hal ini pemilih (yang tahu mengapa?!) Dan karena itu akan benar-benar mengabaikan perintah CSS.:

html> /**/ body .foo { CSS commands go here ;}

Jika belum melihat ini sebelumnya, telah membaca melalui hal berikut juga

• Bersyarat Komentar: Untuk Hanya-Bagian Duex IES Anda
• CSS hack: Javascript, CSS, HTML untuk Firefox hanya
• Untuk Anda Hanya IES

Seperti biasa, salah satu dari beberapa banyak masalah aneh dengan IE dan yang satu ini harus peringkat di TOP 10 quirks IE.

MASALAH (Ini adalah masalah saya, mungkin Anda memiliki misbehaviors serupa):
Saya memiliki DIV banyak ada di halaman dengan kelas "sectionhead", yang tidak lain adalah judul sebuah bagian pada halaman. Jadi saya telah melihat beberapa gaya seperti ini

Sectionhead {font-size: 18px; background: # cfcfcf; padding: 5px;}.

Div adalah bar abu-abu terang dengan beberapa teks hitam. Apa yang terjadi di IE adalah beberapa bagian header ditampilkan ok, tapi ada pula yang tak terlihat, SAMPAI, Anda menggulir halaman atau klik sesuatu di halaman dll Terkadang mereka cenderung menghilang ketika Anda klik tombol 'alt' kunci ketika Anda halaman ke bawah atau gulir dengan scroll bar. Mereka kadang-kadang tampaknya muncul kembali ketika Anda memuat ulang (F5) halaman. Saya pendek DIV sempurna sederhana dengan beberapa gaya sederhana berperilaku BAD.
Apa yang bisa menyebabkan seperti perilaku tak menentu? Nah! Terus terang, NO IDEA!

MUNGKIN SOLUSI:
Sekali lagi jangan tanya saya kenapa, tapi dalam banyak masalah ini cenderung menghilang ketika Anda menambahkan posisi: relatif terhadap salah berperilaku gaya elemen, seperti ini

Sectionhead {font-size: 18px; background: # cfcfcf; padding: 5px; position: relative}.

Aneh tapi apa yang harus dikatakan? Tuhan memberkati saya dari IE!

DAN DO SAHAM DENGAN KAMI, JIKA ANDA MEMILIKI MASALAH SAMA.

Banyak kali kita merasa perlu untuk menulis hacks Browser specfic (meskipun bukan praktik yang baik, kita pengembang UI harus resor untuk kejahatan tersebut sampai Perang Browser besar datang untuk gencatan senjata). Sebelumnya, saya telah disebutkan dalam artikel ini Untuk Anda IES Hanya , bagaimana menulis potongan CSS yang akan dapat dilihat oleh browser IE <IE7 saja.

Kemarin, saya punya kasus, di mana saya ingin menulis beberapa FireFox spesifik CSS potongan. Nah! Saya tidak yakin jika ada kode CSS untuk ini, tetapi ada HTML. ADA CATCH A MESKIPUN, ini bagian dari validasi HTML lulus doesnot HTML. Tapi, anywaz! Jika Anda terjebak buruk atau seperti itu, tidak memiliki hal-untuk validasi (terkadang kita harus kejam), Anda bisa menggunakan berikut untuk menyatakan link ke stylesheet FF saja atau bahkan hanya kode CSS dalam blok ini. Kode ini

<comment> Masukan Anda FireFox hanya HTML / CSS / Script di sini </ komentar>

misalnya
<comment>
<style>
/ * Styles hanya untuk FF * /
fieldset {border: 1px # dddddd padat;}
</ Style>
</ Komentar>

I "m senang untuk saat ini ...

Oh Yah! Dalam posting sebelumnya beberapa hari lalu tentang Opacity di IE8, saya lupa menyebutkan poin penting bahwa "IE 8 modus ketat tidak memungkinkan untuk CSS opacity".
Bagi mereka yang donot memahami apa yang saya maksud dengan modus yang ketat, di sini adalah tutorial singkat .

Sebuah karya sekitar untuk ini (Sebelum tim dev IE menyadari bahwa mereka telah membuka jalan untuk kembali bekerja rutin di seluruh dunia, untuk web-situs menggunakan pop-up lightboxes dengan opacity tertentu, dan dikembalikan dukungan untuk Opacity) adalah dengan menggunakan gambar semi transparan ... sebaiknya dalam format PNG (Saya telah memiliki pengalaman buruk mendapatkan gambar GIF transparan untuk bekerja sebagai mereka seharusnya). Buat gambar PNG dari warna dan persentase transparansi Anda suka, Anda dalam editor foto favorit dan menggunakannya sebagai gambar latar belakang untuk overlay lightbox Anda.

yaitu
Alih-alih sesuatu seperti ini

. Lighbox_overlay {
background-color: # ffffff;
z-index: 1001;
-Moz-opacity: 0.6;
opacity: .60;
filter: alpha (opacity = 60);
}

Lakukan ini ....

. Lighbox_overlay {
background: url (bkg.png) ulangi;
}

UNTUK MENCOBA TI, KLIK DISINI! | UNTUK DOWNLOAD, KLIK DISINI!