Jump to content
Sign in to follow this  
Followers 0
Misslinda87

html code for browser compatibility

By Misslinda87, in Pembangunan Web

Recommended Posts

Misslinda87    0

Misslinda87
Posted
sorry..assalamualaikum..

anyone tahu x html code for browser compatibility..means if html page kita wat tu blh display same for ie or firefox or google chrome..same output,outline and so on la..skrg de prob utk ie and firefox..or its just problem sbb page tu xupload lg?really want to know

Share this post

Link to post
Share on other sites

Misslinda87    0

Misslinda87
Posted
yela if kita view dkt ie xsame dgn view kt firefox or chrome.for example space la..ade yg space bnyk n sikit..
so ape la html code..for example kita type code

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />


tp still xblh..saya dh try bnyk jenis..pn same jer..

Share this post

Link to post
Share on other sites

BasicCX    27

BasicCX
Posted
Kena ganti code yang sesuai dengan tu. Memang payah tapi itu la kerja yang perlu dilakukan kalau dah buat frontend coding.

Nak check compatibility boleh check guna http://www.browsershots.org/ boleh guna ni untuk check cross-platform dengan browser yang berbeza-beza.

Share this post

Link to post
Share on other sites

dans kam    39

dans kam
Posted
Salam..

Bagi web designer, yang korang perlu ambik kisah SANGAT(penting!) untuk compatibility web browser ialah tang CSS tu.

Kalo setakat kod HTML tu kalo korang coding dgn cara betul, insyaAllah ok. Tapi yang menjadi masalahnye ialah CSS....

X semua web browser support standard CSS yang ada. Sebagai contoh, Firefox, Safari, Chrome mempunyai compatibility CSS yang amat baik dgn standard W3C. Untuk IE pulak, hanya IE7 dan ke atas yang ok skit. IE6(Windows XP) hancus!!!...

Sebab tu, untuk coding CSS yang advanced, kadang2 korang kene buat dua css yang berlainan(x semua item la tapinye).

Korang boleh tgk2 laman web ni untuk rujukan http://www.quirksmode.org/css/contents.html Walaupun website tu aku tgk x up-to-date, tapi untuk pemahaman korang boleh la tgk2. (FF 3.5 xde dlm senarai)

Kalo korang tgk laman web tu, IE sgt slow untuk match dgn standard W3C untuk css yang terbaru, iaitu CSS 3..

Share this post

Link to post
Share on other sites

Misslinda87    0

Misslinda87
Posted
so if kita buat changes kt css..mcm ne lak erk? mcm javascript tu okey jer..just dr segi spacing la..if chrome,firefox, cantik jer word tersusun dalam content box table, center..tp bile view kt ie,dh xcenter..xde spacing, means word terlalu atas..so kene add "<br>" utk npak same..lin rase(assume) ade html code utk die standardize..cume xpasti la..so kalo nk standardize guna css, mcm ne lak erh..ade contoh url x utk source code mcm tu?

Share this post

Link to post
Share on other sites

dans kam    39

dans kam
Posted
putrilinz wrote:so if kita buat changes kt css..mcm ne lak erk? mcm javascript tu okey jer..just dr segi spacing la..if chrome,firefox, cantik jer word tersusun dalam content box table, center..tp bile view kt ie,dh xcenter..xde spacing, means word terlalu atas..so kene add "<br>" utk npak same..lin rase(assume) ade html code utk die standardize..cume xpasti la..so kalo nk standardize guna css, mcm ne lak erh..ade contoh url x utk source code mcm tu?


Try guna padding..

Setkan id untuk table/row tu, dan setkan padding-top dia.
Tgk contoh kat sini.. http://www.tizag.com/cssT/padding.php
Coding yg ditunjuk tu sepatutnye dah standard W3C dah, kalo kat IE bengong jugak, kene wat cara lain la jwbnye..

Share this post

Link to post
Share on other sites

sadis_1    0

sadis_1
Posted
cara mudah.. letak kan didlm table, guna kan font general. kena pandai manipulate fungsi table. if ada web tu ada 3 column, set kan table jgk 3 column. kalo nak belajar css mungkin amik masa, so bleh guna teknik ni.

Share this post

Link to post
Share on other sites

dans kam    39

dans kam
Posted
Salam...

Sekadar nak berkongsi link yang mungkin berguna..

1. http://www.sohtanaka.com/web-design/css-fixes-tools-hacks-cross-browser-solutions/

- Bleh dapat idea nak buat fix css untuk IE


2. http://www.decloak.com/Dev/CSSTables/CSS_Tables_01.aspx

- Table versus CSS

* Setakat ni designer kitorang akan gabungkan css untuk bg table tu lawa bila dia buat design. So, pada pendapat aku, kalo guna table pun ok. Mcm kata sadis, memang ambik masa untuk study css ni.

Share this post

Link to post
Share on other sites

syahzul    0

syahzul
Posted
part ni aku nak share experience aku sikit.

dulu aku tulis semua kod css, kalau nak buat 3 column layout, tableless memang pecah kepala. lagi lagi nak compatible dengan semua browser termasuklah IE6.

tapi lepas aku try satu framework [url="http://960.gs"]960.gs[/url], masalah nak debug layout kat IE dah makin kurang. so far memang compatible dengan semua browser, kalau ada yang tak kena tu maknanya kita punya kod yang ada problem.

ada yg cakap tak bagus guna framework lain ni. betul, aku sokong. tapi pada aku kita tengok pada masa yang dapat dikurangkan untuk debug. dan, kenapa kita nak re-invent the wheel? kenapa tak guna aje apa yang org dah buat untuk kita, yang diorang dah research beberapa bulan atau tahun?

dan memang setakat ni, aku dapat jimatkan 30% masa debug layout kat IE. mungkin korang pun kena cuba, mana tau dapat membantu.

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
Sign in to follow this  
Followers 0
Go To Topic Listing
×
×
  • Create New...