CSS Head

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…

This article is intended to summarize bugs and inconsistencies regarding pseudo-elements and pseudo-classes in IE6 and IE7…

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…

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…

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…

Absolute position is a feature of the CSS2 specification that is supported by all of web browsers. If you posit an element an image, a table, or whatever absolutely on your page, it will appear at the exact pixel you specify. In this tutorial, we will use some tricks to create a fancy link block that make our links more attractive…

If you are looking for documentation to improve your CSS skills I suggest you to take a look at the following 5 must read presentations about CSS coding. The following presentations help you learn how to write efficient and maintainable CSS code, understand secrets of CSS inheritance, line-height and CSS System approach a practical way to write high-quality, reusable CSS code with a shared vocabulary for developers, learn Object Oriented CSS in order to develop high performance web applications and websites. Good reading!

Emastic is a CSS Framework, it’s continuing mission: to explore a strange new world, to seek out new life and new web spaces, to boldly go where no CSS Framework has gone before.

Why should you use emastic?

• Lightweight (compressed weight less then 4kb)
• Personalized width of the page in (em,px,%)
• Use of fixed and fluid columns in the grid.
• Elastic Layout with “em”s

“Yet Another Multicolumn Layout” YAML is an XHTML/CSS framework for creating modern and flexible floated layouts. The structure is extremely versatile in its programming and absolutely accessible for end users.

• Focussed on web standards and accessibility
• Slim framework core with numerous extensions
• Robust, flexible layout concept columns & grids
• Design patterns for typography, forms, mircoformats, rtl support ect.
• Complete multilingual documentation

CSS Menus is a website set up to show how CSS can be used to style unordered lists and turn then into stylish, professional menus that would enhance the look of any website.CSS Menus are search engine friendly, they will allow search engines to easily navigate and spider your pages. They are easy to setup, even easier to update and will work even when javascript is turned off.They will even degrade well for text readers and when CSS is turned off…