A screen shot of the nanbudo.fi web site via Nokia E71
How does the web site look like through a mobile phone, here a href="http://nanbudo.fi" title="Finnish Nanbudo Group">nanbudo.fi via Nokia E71.

Centering content with CSS

There are at least two ways to achieve centred content. Until today I had been using the first of them, but as my Nokia E71 displays only the second way correctly, now changed in to using that.

Absolutely positioned way:

#way1 {
    position: absolute;
    left: 50%;
    width: 700px;
    margin-left: -350px;
}

Automatic margins way:

#way2 {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}