Tingkat Dukungan Browser pada CSS Layout
Sebelum memulai membuat layout Web menggunakan CSS, kita terlebih dahulu harus mengetahui dan merumuskan tingkat dukungan browser terhadap CSS yang akan dipergunakan, hal ini berguna untuk memperkirakan bagaimana tampilan pada browser-browser berbeda.
Situs Max Design mendeskripsikan, terdapat 3 tingkat dasar dukungan browser terhadap layout Web:
Browser Lama: Win/Netscape4.x, Win/InternetExplore4.x, Mac/Netscape4.x, Mac/InternetExplorer4.x, dll.
Browser Masakini: Win/InternetExplore 5, Win/InternetExplore 5.5, Win/Netscape 6, Win/Mozilla1.x, Win/Opera6, Mac/Netscape6, Mac/Mozilla1.x, Mac/Opera5, dll.
Browser Modern: Win/InternetExplore 6, Win/ Netscape7, Win/Mozilla1.5, Win/Firebird0.7, Win/Opera7, Mac/InternetExplore5.2, Mac/Safari1, Mac/ Netscape7, Mac/Mozilla1.5, Mac/Opera6, etc.
Tingkat Dukungan
Pada situs Max Design, dideskripsikan pula tingkat dukungan browser pada CSS.
Full CSS Support: Browser dapat mengenali semua perintah CSS dan menampilkannya dengan baik. Bila Anda ingin menampilkan dukungan CSS Full pada browser lama anda harus menggunakan CSS dasar dan menghindari Positioning CSS yang rumit.
Partial CSS Support: Beberapa perintah CSS tidak didukung oleh browser-browser yang dipergunakan. Hal ini berarti browser tidak dapat menampilkan layout secara akurat, tapi tetap akan manmpilkan layout pada CSS yang didukung.
Unstyled Content: Semua perintah CSS tidak di tampilkan.
| Browser | ?Browser Modern | Browser Kini | Browser Lama |
|---|---|---|---|
| Opsi 1. | Full CSS support | Full CSS support | Full CSS support |
| Opsi 2. | Full CSS support | Full CSS support | Partial CSS support |
| Opsi 3. | Full CSS support | Full CSS support | Unstyled content |
| Opsi 4. | Full CSS support | Partial CSS support | Unstyled content |
Tabel diatas adalah opsi-opsi yang ingin dipergunakan dalam membuat layout CSS. Opsi 1 berarti kita harus menggunakan CSS yang sangat dasar hingga dapat ditampilkan dengan baik pada berbagai browser, demikian pula dengan opsi 2, 3, dan 4. Tiap opasi yang kita gunakan dalam menggunakan perintah CSS dapat kita pilih sesuai dengan kebutuhan audiens Anda, bagaimanapun, tiap opsi memiliki kelebihan dan kekurangan masing-masing. (Pupung Budi Purnama)
klo bisa disertakan contoh syntax2 css
bagus
benar . . . salah satu hal yg bisa membuat seorang web designer bisa kehilangan pekerjaannya adalah beda browser maka beda tampilan, sebaiknya di tampilkan juga bagaimana cara mengatasi perbedaan tersebut, dan dengan contoh2 juga jurus2 jitu . . . tnk
wah apa see css itu aku g ngerti yang ku tahu cuma html aja. apa bedanya seee antara html, xhtml ama css itu?????????tolong dibalas ke emailku ,please