CSS and HTML Features

The basic layout of the MadTheme is a three column fixed width page. The HTML is structured so that the content column appears at the top of the HTML-source. This is optimized for Search Engine Optimalization (SEO).

The default page lay-out uses a CSS sticky footer. This is based upon Ryan Fait's sticky footer.

Separate stylesheets for Internet Explorer 6 and 7 are included by default. This is done using conditional comments in the <head> section of the page.

A PNG-fix for Internet Explorer 6 is included by default, additional selectors can be added in the <head> section of page.tpl.php. The logo in page.tpl.php is rewritten, so that it works with the PNG-fix (the PNG-fix needs height and width-attributes to function correctly, to accomplish this, the logo is rendered through the theme_image function).

Buttons use a background image, that scales (sliding door technique).

Basic CSS is present for:

  • basic page layouts
  • (web)forms;
  • views;
  • node styling
  • comments
  • menu's