A Journal by a James

Posts filed under 'CSS'

Bye bye liquid layouts! |

Yes, I am predicting the death of liquid layout of web pages. Not all mind you, some web apps will still be liquid, but for the rest of the web: liquid is dead. This is a natural follow-through from declaring elastic layouts dead, so no surprises here.
There are three main ways to define your layout […]

Elastic, Liquid, Pixel: Explained. |

In ‘modern’ web design (as in, the last five years versus the five years before) there are three main ways to define your design.
Also called ‘fixed’, the first and most used method uses pixel measurements to define the width (& height) of elements on a page. The most obvious advantage to this method - and […]

CSS selectors explained properly |

Looking for a good and simple explanation of the currently usable (and a few more) CSS selectors? Roger Johansson has taken the time to compile them all into a 3 part article. I can thoroughly recommend it to people wanting a nice overview of what tools are available to them in Cascading Style Sheets or […]

On Horizontal CSS Centering using Absolute Positioning or how Relative Positioning can rock your css. |

In Joen’s daily work, he needs to centre a div horizontally. Usually this is easy. It gets a little trickier when using absolute positioned elements.
The method I use is to have a wrapper div with the following css:

.wrapper {
position:relative;
margin:0 auto;
text-align:left;
width:whatever;
}
For good measure, you’ll need to apply the IE fix:
body { text-align:center; }
And yes indeed, the […]

You are currently browsing the archives for the CSS category.