Archive for June, 2007

CSS “child selector” – your website to work both for IE (except IE7) and Firefox

June 7, 2007 · Filed under Website Design and Development · Tagged , , , ,

I have worked with websites that did not have problems with regards to browser compatibility issue. Those, I think were the ordinary and simple websites, though from among the complicated website (templates) that I’ve done, a few required to really digging in deeper to be able to work mostly both for Internet Explorer and Netscape or Firefox, that is without using “child selector” in CSS. These used only browser detection javascripts or other scripts that can be applied possibly just to meet the requirements. Of course with this kind of solution, you are saying that you need more time, exert more effort, consume more resources, etc. Before knowing “child selector”, I wasn’t able to perfect similar layout or look for the websites that I made for both Internet Explorer and Firefox.

Last year, as I was doing a website for one of the companies I worked with, I came across this problem again and this time would like an output perfectly similar look for both IE (except for IE7) and FF. I have searched the internet and came across this vibrant solution of using CHILD SELECTOR and…voila! … I made a 99% similar look and feel of just one website without using other scripts but only CSS.

For Internet Explorer (I think for IE5 and 6 but not IE7; it will recognize child selector), you’ll have your normal css code and then followed by the code with child selector. The css line with the child selector will be skipped by IE and the one with child selector will be used by Firefox (and I think by Opera and other browsers also). Below is an example of codes I used:

td.pagitan1 { height:13px;}

html>body td.pagitan1 { height:6px;}

You see, the first line will be used by IE (again, except for IE7) and the second line by Firefox and other browsers. The “html>body” is the child selector used. So basically, IE will use the height of 13 pixels while FF will use the height of 6 pixels. Others tell that a space between the child selector and the tag will not work fine like the one in our example but as far as I am concern and with respect to the codes for websites that I made, it worked fine.

Now for those of you who have not done this or who don’t know this technique yet, try it! God Bless!

Comments (3) »

Microsoft Surface – A History Innovated

June 7, 2007 · Filed under Website Design and Development · Tagged ,

As I was chatting with my officemate yesterday, he gave me a url of ‘Microsoft’s Surface’ and I followed the link. And seeing at the first glance of what it is, I was blown away. Really, that this ‘Microsoft Surface’ is an innovation making history. Microsoft Surface for a short information, is a “30-inch tabletop display whose unique abilities allow several people to work independently or simultaneously, all without using a mouse or a keyboard ” – definition by Microsoft. The table is a “touch screen”.

But what is “Surface” really for? I was not so amazed (not so, compared to the other breakthroughs of this product, but of course I did) with the capability of resizing, flipping, rotating of the images you have (in the ‘Surface’) digitally (with the use of your fingertips). Also, if you have movies (clips), you can actually play them. Imagine, like the things you can do with images, you’ll manipulate the controls of any movie with your fingertips. What made me crazy is the ability of Surface to transfer contents of gadgets to another gadget. When you place your gadget, let’s say your phone, on the ‘Surface’, automatically the Surface will detect the contents of your phone and display them and in return you can transfer whatever content you want to another gadget, again by just using your fingertips.

One more amazing capability of Surface is the ability to detect what you place on it. Like for instance you placed a cold drinks on the Surface, it will play and display simulations about it, it’s so really nice, you’ll see. Also, I think (as presented), when you want to search for locations, you can just drag and store that in your gadget. And there’s a lot more to see. You can follow this link to discover yourself about Surface. http://www.microsoft.com/surface/

Leave a comment »