I did a quick test of your examples in FireFox and IE 6. They seemed to work as described in IE 6 but not Firefox which leads me to these questions:
- How broad is the browser support for these festures?
- Is browser treatment affected by the doctype declaration or some other coding issue?
CSS has been around a while now and I always get my hopes up whenever I see a description of how is it supposed to work then find myself spending hours tracking down browser quirks.
I appreciate these articles as they are causing me to revisit features of CSS that I had given up on in the past. I would recommend though that any article on CSS needs to make some statement about browser support.
It would be good enough for me if you simply stated in which browsers you have experience or tested this CSS feature with. Where you don't know, maybe ask for readers comments on browser support experience.
Thanks for the article.
Discussion on:
View:
Show:
I know this article just scratches the surface of a complex and often frustrating subject, but I would assume TechRepublic would give us cross browser examples, or point out those nagging differences in browser support. Except for the note about negative Z values, this article does neither. Listing A does not work properly in Firefox, but listing B does.
I was surprised a valid DTD statement wasn't provided as that can have considerable impact how a page is rendered by different browsers using quirks mode. Using 4.01 transitional and strict, IE7 rendering is consistent with Firefox 2, which I don't believe is what the authors were aiming for. I think the rendering with IE6 is what they intend the page to look like.
I find CSS quite confusing, yet very interesting and always look for better ways of building web pages. Unfortunately, this example doesn't fill in the gaps it attempts to address.
I find CSS quite confusing, yet very interesting and always look for better ways of building web pages. Unfortunately, this example doesn't fill in the gaps it attempts to address.
I appreciate the valuable feedback. The z-index feature is supported in IE 4.0+, Netscape 4.0+, Opera 3.5+ and so forth, but of course it doesn't properly work in these and other browsers. All future articles will include a section that highlights browser support.
to provide some CSS instructions. The study of how CSS works in different browsers is a complicated topic all its own. I have taken the time to study and proof out many style methods in the major browsers. Let me tell you, doing correct styling for all browsers in one style document is nearly impossible.
My solution has been to detect what browser the visitor is using, then send the appropriate stylesheet to them. This has solved many a headache. I have also developed a theme style database that maintains all colors and other theme values. I can update all the browser stylesheets anytime a change to the theme values are made.
My solution has been to detect what browser the visitor is using, then send the appropriate stylesheet to them. This has solved many a headache. I have also developed a theme style database that maintains all colors and other theme values. I can update all the browser stylesheets anytime a change to the theme values are made.
- Keyboard Shortcuts:
- Prev
- Next
- Toggle
