IE 6 actually had the best CSS support of any browser when it first came out… SEVEN YEARS AGO. The little bugs in it’s CSS support still haunt us to this day. I still get comments from people who roundly reject any technique that doesn’t work in IE 6. While I generally refuse to pander to IE 6’s limitations, I still feel it is important to make things look right in it whenever possible. Here are that major bugs in IE that’ll get you every time:

Read the rest of this entry »

A CSS layout that does not rely on DIV, FLOAT, CLEAR nor structural HACK!
There are many CSS layouts out there. Some rely on AP (Absolutely Positioned) elements, others use FLOATs. The former method is considered bad practice for its lack of flexibility while the latter is a powerful solution in building robust layouts.

Unfortunately, like most powerful tools, FLOATs can be a dangerous method to employ or at least very frustrating. First of all, the FLOAT concept itself is not easy to properly understand, and second of all, FLOATs are a source of many browser bugs (mainly IE bugs) which make FLOAT constructs difficult to master across browsers… and easy to break.

This article demonstrates an original solution that addresses semantics, construct, and design issues to deliver robust layouts.

Read the tutorial or take a sneak peek to the demo.

Read the rest of this entry »

There have been a number of occasions when looking over other developers CSS I notice bits of code similar to the following…

#div {
      margin-top: 20px;
      margin-bottom: 10px;
      margin-right: 5px;
      margin-left: 25px;
      padding-top: 10px;
      padding-bottom: 15px;
      border-width: 1px;
      border-style: solid;
      border-color: #666666;
      font-family: Verdana, Helvetica, Arial;
      font-size: 14px;
      font-weight: bold;
}

The above code is littered with properties that could easily be combined for more legible code and decreased file size. Some properties might even be removed altogether since they default to the desired value. Below you will find before and after examples of some of the most useful CSS shorthand properties. As a general rule any browser later than IE5 should support all of these.

Read the rest of this entry »

ast week a friend of mine forward me a post in which the development language was compared to a boat. It was inspired by a recent forum post, and has lot of fun so I decide to share.

Read the rest of this entry »