Peter's picture        E-mail Isomatic

Isomatic UK Weblog

Peter Burton's daily log, covering Peter's personal interests, e.g. jazz, travel and general grumpiness plus (occasionally) the business of Isomatic and its associate companies.

Friday, February 20, 2004

Web design; CSS Box Model 

A common problem when using Internet Explorer for Macintosh is seeing 'boxes' of text overlapping or shifted way to the right. Vicky Tickner is an ace web designer who has solved the problem on her site. See http://www.vickytickner.34sp.com.

Vicky has produced her layout entirely in CSS. This allows her to
change the colour scheme and layout of her entire site by changing one CSS stylesheet. There is a demonstration of this on the website with the ability to choose between three colour schemes. Most browsers support the styling segment of CSS (font, colour, size, etc), even Netscape 4! The difficulty with this approach is that the various browsers implement the CSS box model in different ways. This website details one of the key differences http://www.positioniseverything.net/floatmodel.html.
IE5 on the Macintosh doesn't understand the right statement correctly for the main content. Mozilla, Firebird, Opera etc. understand CSS correctly. The full description of the fix can be found at http://www.dzr-web.com/misc/ie-right-positioning.
A good book on CSS is published by Glasshaus. http://www.glasshaus.com/bookInfo.asp?bookId=59.
It should be noted that a web site will never look exactly the same in
any two web browsers however you code it, either using tables or CSS (or both).
Personally, I try to avoid both as far as possible to enable those with the most primitive software to acess our pages easily.




Archives

February 2004   March 2004   April 2004   May 2004   June 2004   July 2004   August 2004   September 2004   October 2004   November 2004   December 2004   January 2005   February 2005   March 2005   April 2005   May 2005   June 2005   July 2005   August 2005   September 2005   October 2005   November 2005   December 2005   January 2006   February 2006   March 2006   April 2006   May 2006   June 2006   July 2006   August 2006   September 2006   October 2006   November 2006   December 2006   January 2007   February 2007   March 2007   April 2007   May 2007   June 2007   July 2007   August 2007   September 2007   October 2007   November 2007   December 2007   January 2008   February 2008   March 2008   April 2008  

Site feed

Site Feed  

This page is powered by Blogger. Isn't yours?