The web stuff journal » CSS

Force IE8 to compatability mode IE7

Stefan — Sat, 15 Aug 2009 16:26:19 +0000

If you found this post then Microsoft Internet Explorer 8 has probably broken your website. All that nice CSS work has been ruined.

A solution is to force IE8 to run in compatability mode of IE7.

Display background behind a floating element

Stefan — Wed, 19 Nov 2008 17:21:11 +0000

Ok… so you setup a page with a blue background and float an object left, for example. You now see that the background colour on the float is white! Ruining the look of your page.

Floated Content

So how do we do it? Use the following hack:

#contentBody:after { content: “.”; display: block; height: 0; clear: both; visibility: hidden; } * html #contentBody { height: 1%;}

CSS Starting Template

Stefan — Sat, 20 Sep 2008 14:22:39 +0000

As with the HTML, I have created a CSS template which may be of use. The idea is to clear everything back to default across all browsers by removing padding, margins and setting the fonts up properly.

* { margin:0; padding:0; }
body { font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif; font-size: 100%; }
.access { display: none; }
.clear { clear: both; }
a { color: #000; }

/** Structure **/
#container { width: 790px; margin: 0 auto; }