Customer Street CSS

Here at Customer Street we like to do things right. In CSS terms this means building nice that work across all browsers and generally look the way the customer, or the company planned. However, if you are not a web developer you may not know that getting things to look right for Internet Explorer is a nightmare. This is because the browser does not recognise a lot of the proprietary styles that are in the Web Standard Definitions, and so we are forced to either changed our styles or find other hacks and tricks to get around the rendering issues.

For a long time, since I started taking a very active interest in Web Standards and learning CSS I have always queried the methods by which forms, such as contact forms, should be correctly marked up and displayed. Since I can remember building my first web site, there have been disagreements as to the correct semantic approach to mark-up when it comes to forms of all types.

Here at Ufindus Customer Street we always strive for good clean code in the sites we build. I’m not personally accustomed to using CSS ‘Hacks’ when coding websites so I wouldn’t ever recommend using those dirty hacks to get around Internet Explorer bugs because there are plenty of cleaner ways of doing it. However, this short list compiles some very useful CSS tricks that I now use everyday when building sites with CSS.

Yesterday I decided to play about further with the fluid CSS layouts I mentioned the other day. It didn’t take long to produce quite a few different layouts using the same basic html as before. So I put the layouts together into this page for you to view them on and download the CSS files if you want.

It’s probably worth mentioning that I’ve left the sticky footer in there from the last design just for presentation purposes, but I’ve put comments in the stylesheets so the code is easy to identify and rip out if you don’t want it.