“This [KataKuKa] is a fool's dream.” - Ruwido S. Ngantung

[Jun 27th, 19:19] Cross Browser Design, If You Care

Good summary for cross browser design.

Just read the complete article of How to get Cross Browser Compatibility Every Time.

Here is the summary:

• Always use strict doctype and standards-compliant HTML/CSS
• Always use a reset at the start of your css
• Use -moz-opacity:0.99 on text elements to clean up rendering in Firefox, and text-shadow: #000 0 0 0 in Safari
• Never resize images in the CSS or HTML
• Check font rendering in every browser. Don’t use Lucida
• Size text as a % in the body, and as em’s throughout
• All layout divs that are floated should include display:inline and overflow:hidden
• Containers should have overflow:auto and trigger hasLayout via a width or height
• Don’t use any fancy CSS3 selectors

• Don’t use transparent PNG’s unless you have loaded the alpha

I must admit, I haven’t even consider some of the points. Oh, hell, I haven’t even set the ordered list for this blog properly.

Update
Just fix a few things with this blog’s css as suggested by the points above. Especially the ones for the floating divs and container. I used to use a special empty div as a “spacer” to clear the floating divs :D. Still, can’t do much to make this theme liquid for IE. No max-width :(.

• 3 comment(s)
• Submit your comment, click here

Your Words about This

Yes. That's what I'd love to hear. Please, tell me what's in your mind about this.

ele.azhar

wow, thanks for this, uwie..

So do I… I don’t consider some of the said points above. i just make somewhat I call with “quality control” by testing my designs in such browsers… including that stooopid IE… hahaha…

• Submitted on [Jul 5th, 03:02]

ele.azhar

wow, my name doesn’t appear ya?...

ele

• Submitted on [Jul 5th, 03:07]

uwie

@ele
Oups, sorry. Same old bug with the name/e-mail authentication I think :P. It’s a sign to take care the engine now – I think :D.

• Submitted on [Jul 5th, 09:23]