SSbits - Home page
Site by Carbon Crayon
Submit a Post >

Blog - News, interviews and lots more

An Example CSS Framework


 Source files (6.1 KB)

A CSS framework is a set of pre-prepared style sheets that can be used as a starting point for any project. Using a framework allows you to skip all the tedious parts of getting the basics right and lets you start working on what makes your site different from the beginning.

UPDATE - Sept 2010: The Updated files are much improved and include amoung other things a CSS only Sticky Footer, along with improved markup and CSS.

There are numerous advantages to using a CSS framework, including cross browser compatibility, increased productivity and improved consistency between projects. The framework provided here is aimed at those developing sites using the SilverStripe CMS, but is just as useful for anyone developing a CSS based layout.

The files included are:

  • index.html - Sample HTML 4.1 strict page for use testing and developing the CSS. This will later form the starting point for making your templates.
  • layout.css - This is the core layout and contains all the wrappers, menus and page elements styling.
  • typography.css - This contains all the content styles for elements such as fonts, links and headers.
  • form.css - Contains all the styles for forms. This file is the same one as is included with the silverstripe blackcandy theme in v2.3.
  • ie6.css - Holder for any future (inevitable!) Internet Explorer 6 fixes. Conditionally included into the template HTML file when the browser is IE6.
  • ie7.css - As above but for the slightly improved yet still temperamental Internet Explorer 7.
  • editor.css - This is for use when you get to SilverStripe, it automatically imports your typography style sheet into the WYSIWYG editor.
Aram Balakjian avatar

Aram Balakjian

Aram is a web developer running London based agency Aab Web. He has a strong passion for developing attractive, usable sites around the SilverStripe CMS.

No one has commented on this page yet.

Post a comment ...

You cannot post comments until you have logged in. Login Here.


Site of the Month

Find SSbits on

Top Contributers

Rank Avatar Name
1 article image Aram Balakjian
2 article image wfacewomens
3 article image Daniel Hensby
4 article image Marcus Dalgren
5 article image ryduhartchas
6 article image Hamish Campbell
7 article image Ty Barho
8 article image Martijn van Nieuwenhoven
9 article image Darren-Lee
10 article image Roman Schmid

View full leaderboard