Click us!
In Exputo
Et Te
Ex Pertineo
Sed et Dolore
Quia ad Hendrerit
Click me! I work!

Click me!
Click me!

The first thing to do was use a standards-oriented DOCTYPE declaration. This is essential if you want IE5/Mac to follow the correct box model rather than emulate the incorrect behaviour of IE5/Windows. Now the boxes are in the right place.

However, the right-hand menu of links encroaches on the main content space. To fix things, fix up the widths and positioning so that they are conformant with the CSS box model. Padding, borders and margins are added to the defined width of boxes. So a DIV with a width of 300px and padding of 10px will generate a colored area of 320px (remembering padding goes on both sides).

Fixed positioning looks gorgeous, but the links inside the fixed position elements have no visual feedback that they are links, except by clicking or tabbing. The hover property does not work, nor does the normal cursor feedback. Normally the cursor changes to a pointer or hand when you mouse over a link, but this does not occur here. While IE5.1 does support the cursor CSS2 property, it does not seem to work if the links are inside an element with position:fixed.

3 comments | posted at 12.18am

Qui odio delenit feugait suscipit ut adipiscing, venio wisi illum ut praesent, consequat lobortis tation consequat antehabeo.

0 comments | posted at 12.02am

Empty P. Date would normally go here.

Feugait adsum enim quidem eum veniam aliquam ea nisl iusto in nulla accumsan, iriure, autem accumsan, illum ullamcorper.

Delenit eum, demoveo facilisis consectetuer ut duis appellatio sed.

0 comments | posted at 9.18am

Layout and most design elements by James Bachman
CSS tweaking and the rest by Rory Ewins
March 2002
If you hover over me, the cursor should become a crosshair.