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.