Skip navigation

Category Archives: W3C standard

hey, wha d’ya know it’s already 2009. time flies isn’t it.

with this post, happy new year all.

now back to business. in the past few months i’ve been busy working on several new websites. in all that development i’ve tried my best to keep those website to be a table-less website. well, for all of you that have been working with css should know how hard it is to make a full css website that compatible with all the browsers and i my self find it very challanging ( depressing sometime x( ).

so what browser that we should keep our eyes on? if you have the resources you might want to check with all the browsers available out there, but if you comes short the following browsers are the most important (my version):

1. Mozilla FireFox 3.0
this browser have become more and more popular among people that have experience with world wide web. FireFox reach version 3 now and you must have this browser as your test browser. FireFox 3 handles CSS2 code really well and some of CSS code even only work in FF3 such as rounded corner.

click here to download Mozilla FireFox

2. Mozilla FireFox 2.0
you might want to consider that your visitors are still using FireFox 2 as their browsers. the way it handle CSS slightly different from FireFox 3 and this could become some problem in your web presentation. for instance, when working with AJAX pull down menu i encounter problem when the menu hit a <div> tag that using overflow and so i have to find another way to make it work.

then you ask, how am i going to have FireFox 3 and 2 at the same time? this is the trick: use Flock browser.

you may never heard what is Flock, well get the idea here. then what is the connection between Flock and FireFox 2? Flock is developed using the same system as FireFox, the guys behind Mozilla build Flock. get my drift? when i download Flock, the release was 1.2.2 and is used Mozilla 2.0 engine.

but by the time of this writing Flock has release its version 2.0, which means using FireFox 3.0 engine. if you still need Flock version 1 you still can find it here but it comes in several non-US language. but hey at least the UK version still 1.2 🙂

3. Internet Explorer 6.0
this one is a keeper, majority of internet user still use this hell application and probably because it has been around for quite some time now (more than 5 years i think?). i know this browser is hard to work with, but it’s the most important as well. most of my depressing moment when developing CSS web is when i have to test it on IE 6.

i strongly recommend to all web designer to have this browser as test browser. you can find this browser almost anywhere on the web. don’t be lazy,  just go to Google.com and find one.

4. Internet Explorer 7.0
a more friendlier browser then its prior, and in my experience the way IE 7 handles CSS is like FireFox 2 (read: not all the same). not much people using this browser unless they just bought Windows Vista.

click here to get it

5. Safari
plaease note that i used Safari for Windows.

this browser also important since the growth of Mac users worldwide. back when Apple not released Safari for windows i was in a sweat thinking what was my web look like on Safari. but not anymore since they release Safari browser for windows. i have tried several of my table-less web on this one and it safe to know that it handle CSS very well and i hope it will keep that way forever.

Safari for windows? click here

6. Chrome
a browser by Google.com should be safe for handling CSS. it’s Google, what do you expect. by the time google release its first browser, i have download it and test all my web with it. the result? safe. all my CSS work the way it should be. good one Google ^^

Chrome is fast and good but for now i’m still a fan of FireFox for its plug ins, and for the same reason not much of people using it. maybe when the developers come up with some kick’n ideas that will revolutioned how people browsed, then it will a blast. untill then but untill then? there’s no harm to check your web once in a while with it. just safe-to-safe.

grab

7. Opera
not much i could say about this browser. although it has been around back when the internet is still slow, but less people using this browser. the way Opera handle CSS rather scary though. once when i have finished building CSS in FF and IE, i test it on Opera and there was… nothing. completely blank and not showing any content. that was a horror. that happened when i was still using Opera 7.0.

today Opera has release it 9.6 version and i haven’t tested on any of my website in this versions. will let you all know when i have.

download

Well i guess i have wrapped all my collection of browsers that i need to test my web. all in all the most important browsert to look when you test your web is using FF 2 and 3, IE 6 and 7, and Safari. that’s it. if you successfully generate a table-less web in this browser then you will have a safe CSS based web.

Advertisements

whenever i make HTML page, i force my self to write those pages into a valid pages according to W3C standardization. in order to do so, i often check the pages i created in FireFox using HTML tidy plug-in. it will warn you if your HTML not valid.

one thing that was a challenge was flash embedded script. if you using the default flash script from dreamweaver, HTML tidy will warn you that it’s not valid. i forgot why it was not valid (i’ll try to look into it later and update in this post).

any way, then i start to looked the solution. several method come across but none of them works. then i found this blog (i forgot the address too, update later) giving detail explanation on why the default flash script is not valid, and that article give the valid script and it goes like this:

<object classid=”(long number here)”
codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0&#8243;
width=”(width)” height=”(height)”>
<param name=”movie” value”(your flash file here)”>
<param name=”quality” value=”high”>

<param name=”bgcolor” value=”#FFFFFF”>
<!–[if !IE]> <–>
<object data=”(your flash file here)”
width=”(width)” height=”(height)” type=”application/x-shockwave-flash”>
<param name=”quality” value=”high”>
<param name=”bgcolor” value=”#FFFFFF”>
<param name=”pluginurl” value”http://www.macromedia/go/getflashplayer”&gt;
FAIL (the browser should render some flash content, not this).
</object>
<!–> <![endif]–>
</object>

now it should work when you try to validate it on W3C, go on give it a spin 🙂