How do you make a two column CSS layout with color in either column that spreads to the full height of the page? This article will show you how to build a basic two column layout that has: Liquid width (based on the browser window size or viewport) Full width header and footer color in […]
CSS Centering – fun for all!
How do you center a containing block on a page using CSS? There are two main methods and the choice should be made based on whether your page layout is liquid (will move in and out depending on the size of the browser window) or fixed width. Centering liquid layouts Liquid layouts are easy to […]
Relative font sizes and inheritance
I was recently sent this question: How do you set your fonts and font-sizes for a web page? Answer There a wide variety of ways that you can specify the font-size on a web document. Here is my preferred method: Step 1 – applying font-size to the body element First of all, you can set […]
Ideal line length for content
Is there an ideal line length for content? To quote a passage from “Web Style Guide – Basic design principles for creating web sites”. The ideal line length for text layout is based on the physiology of the human eye… At normal reading distance the arc of the visual field is only a few inches […]
Styling and font family names that contain whitespace
How do you style your font family names that contain whitespace? To quote or not to quote. The answer is available at WC3. “Font family names containing whitespace should be quoted. If quoting is omitted, any whitespace characters before and after the font name are ignored and any sequence of whitespace characters inside the font […]