Fixing Project Cerbera (26th December 2007)

An online friend of mine for some years, Icey e-mailed me to wish a Merry Xmas. He also pointed out my recent tweaks had broken the layout in Opera 9.25 and Safari 3.01.

The tagline had been making the float for #header full width. Without that paragraph, it shrunk to contain its contents. Adding width: 100% to #header made it full width again.

However, the W3C box model puts padding outside of the width. So now the search box went outside the right edge of the viewport. Removing the padding from #header and applying it to the <h1> and <fieldset> directly put things right.

He brilliantly suggested calling my blog Life of Ben, in the spirit of Life of Brian.