CSS Floats 101

Anybody just starting to learn HTML and CSS, floats are probably one of the hardest things to get your head around. A List apart have put together this little article to explain it and help you master it.

CSS,CSS3,Web Development


CSS Specific for Internet Explorer

A nice tip, an oldie but a goldie.. mainly for this reason:

As much as we don’t like to deal with the IE bugs, we still have to face it because your boss and visitors are still using Explorer. It gets frustrating when different versions of Explorer displays web pages differently due to the inconsistent rendering engine.

Thankfully the newer versions of Internet Explorer don’t tend to be that much of a problem.



CSS: Clearing Floats with Overflow

One of the common problems we face when coding with float based layouts is that the wrapper container doesn’t expand to the height of the child floating elements. The typical solution to fix this is by adding an element with clear float after the floating elements or adding a clearfix to the wrapper. But did you know you can also use the overflow property to fix this problem? It’s not a new CSS trick either. It’s been documented before long long ago. Today I would like to revisit the topic along with a few tips.

Some nice tips for those just starting with HTML and CSS and want to learn more about layouts.


Web Design,CSS,HTML





Five Useful Design Techniques and Coding Solutions For Web Designers

In this article, we’ll look at five useful coding solutions that we’ve stumble upon recently. All of these solutions enhance a website’s design, not just the code. These solutions affect the user interface and the user’s interaction with the design, and they can make for a more usable and interactive website.

Some useful little techniques here to make your website a little more useful.

Web Design,CSS,HTML,Usability