SevaTeem

At first glance, this seems to be amongst the easier things that you can do.
All you need to do is to change the “width: 760″ to “width: 60%” and you’re done although it’s best to change the width of the sidebars to 20% too.

The problem is that we’re using a full page background image and the text now flows all over it. As you can see from the image here, the sidebar text is unreadable.

There are several ways to correct this:

1. change the image either by selecting a new one or manipulating the current one;
2. change the colour of the sidebar text;
3. put a solid background colour behind the sidebar; or
4. reduce the width of the main column.

For simplicity, we’re going to go for the last option at the moment and reduce the width from 60% to 40% which restores the look to that of the fixed width version.

This entry was posted on Sunday, April 6th, 2008 at 11:20 am and is filed under Image, Stylesheet. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.