IE7 is a JavaScript library to make MSIE behave like a standards-compliant browser. It fixes many CSS issues and makes transparent PNG work correctly under IE5 and IE6…
Archive for November, 2009
-
IE7 Javascript Library – Fix CSS Issues on Internet Explorer
Posted: 9 months ago in Tools
Read More: IE7 Javascript Library – Fix CSS Issues on Internet Explorer
-
SpriteMe – Tool to Generate CSS Sprites
Posted: 9 months ago in Tools
Background images make pages look good, but also make them slower. Each background image is an extra HTTP request. There’s a fix: combine background images into a CSS sprite. But creating sprites is hard, requiring arcane knowledge and lots of trial and error. SpriteMe removes the hassles with the click of a button…
Read More: SpriteMe – Tool to Generate CSS Sprites
-
Simple CSS Tips that Go a Long Way
Posted: 9 months ago in Code
Sometimes it’s the little things that can make all the difference and there are plenty of neat little CSS tips that can help with all aspects of design and development. Here are a few great tips that will help you improve your CSS work and help you get the most out of your code…
Read More: Simple CSS Tips that Go a Long Way
-
CSS3 Hover Tabs without JavaScript
Posted: 9 months ago in Tutorials
With the new techniques in CSS3 and clever applications of existing CSS it is increasingly stepping on the toes of JavaScript. Which to be honest isn’t necessarily a bad thing. I thought I’d try my hand at something so here is a basic CSS tabbed content section that changes on hover…
Read More: CSS3 Hover Tabs without JavaScript
-
Equal Height Columns – Companion Columns Method
Posted: 9 months ago in Articles
The search for a technique that offers real equal height columns leads nowhere because we don’t have full vertical control in current CSS 2.1 implementations cross browser. The available techniques are simulations of columns: a repeated image displaying Faux Columns [Cederholm], columns made of borders [Livingstone], and variations.
We couldn’t even fall back on a (CSS-)table, since there is no broad, sufficient implementation of display: table in the browsers. And a table would dismiss the accessibility request for having the columns logically ordered in the source.
OneTrueLayout [Robinson] uses a promising technique [Challoner] where the columns are still not equal in height, but they are cut in length, so they appear as-if. Surprisingly, this trimming made problems that are not solved.
In this article, we draw up a variation for the equal heights columns illusion, standing on the shoulders of OneTrueLayout. Both techniques use excessive padding and compensating negative margins, a tricky concept…
-
On Having Layout – The Concept of hasLayout in Internet Explorer
Posted: 9 months ago in Articles
A lot of Internet Explorer’s rendering inconsistencies can be fixed by giving an element “layout”. John Gallant and Holly Bergevin classified these inconsistencies as “dimensional bugs” meaning that they can often be solved by applying a width or height. This leads to a question of why “layout” can change the rendering of and the relationships between elements. The question, albeit a good one, is hard to answer. In this article, the authors focus on some aspects of this complicated matter…
Read More: On Having Layout – The Concept of hasLayout in Internet Explorer
-
pseudo-class, pseudo-element, pseudo-CSS: IE bugs
Posted: 9 months ago in Articles
This article is intended to summarize bugs and inconsistencies regarding pseudo-elements and pseudo-classes in IE6 and IE7…
Read More: pseudo-class, pseudo-element, pseudo-CSS: IE bugs
-
Essential CSS/HTML Lists Styling Techniques
Posted: 9 months ago in Tutorials
Certain elements in HTML lend themselves to many situations when marking up a website, one of the more useful of these elements is the HTML list. Using lists, a developer can markup horizontal navigation, dropdown navigation, a list of links, and even scrolling content panels with the help of Javascript. These features can help developers build new sites and applications as well as integrate new content into existing applications…
Read More: Essential CSS/HTML Lists Styling Techniques
-
Fixed Positioning in Internet Explorer 6
Posted: 9 months ago in Tutorials
Fixed positioning has always been a nuisance for web designers because of the lack of support for it in Internet Explorer 6, but I've come up with a solution that allows for cross-browser fixed positioning that doesn't come at the large costs that other techniques result in. If you've been on the hunt for a way to get elements with position: fixed; to work properly in Internet Explorer 6, undoubtedly you've noticed that most methods come at the expense of absolute positioning or resorting to scripting. This does not…
Read More: Fixed Positioning in Internet Explorer 6
-
CSS Browser Compatibility Master Table
Posted: 9 months ago in Tools
This is a general overview table. A “yes” here does not mean a browser supports every tiny detail of the specification correctly. Instead, it means that it supports a workable subset of the specification. In IE’s case this may mean that it supports its proprietary methods and properties, and that those properties are generally equivalent to the W3C spec…
Read More: CSS Browser Compatibility Master Table