Tag Archives: WordPress

WordPress plugins

WordPress is the software I run this, and several other websites on. One reason I like WordPress is it’s plugin structure. Plugins add features and functions to your website. Here are my favorites:

All In One SEO Pack is a complete search engine optimizer. It combines the best practices in search engine optimization, in one simple to use package, including keywords, page descriptions, title updates and many other features.

Google XML Sitemaps creates sitemaps.org compatible sitemap of your website, which makes it easier for Google, Yahoo, ASK.com and MSN to find web pages on your website.

Ultimate Google Analytics inserts Google Analytics code into your website, without having to modify your WordPress templates. Google Analytics is a website statistics package that tracks traffic sources, web hits and a wealth of information about the people are on your website. I prefer it to WordPress Stats.

FeedBurner FeedSmith redirects all RSS readers to FeedBurner.com. FeedBurner is a great way to track and manage your RSS subscribers. Since FeedBurner is serving up your RSS feeds (instead of your web host), it lightens the load on your website.

Sociable automatically adds links on your posts and pages to popular social bookmarking sites (Digg, Del.icio.us, StumbleUpon, Technorati and many, many others). It’s another great way for readers to find you.

WordPress Database Backup is On-demand backup of your WordPress database. You should backup your database on a regular basis and before major upgrades and this plugin makes it a snap.

There are plenty of other fine WordPress Plugins, these are the few that I almost always install

Internet Explorer 6 CSS bug, margins, padding and how to fix it.

I ran into a bug using the Zeke template for WordPress . Zeke is a very nice 3 column theme by Michael D. Pollock.

There isn’t an easy way to implement 3 columns in CSS and Zeke does it as two, two column groups.

#wrap , 960px wide

#contentleft, float left, within #wrap

#contentPost (s)float left, within #contentleft #midcontentfloat right,within #contentleft
#rightcontentfloat rightwithin #wrap

The theme was working just fine with FireFox and Internet Explorer 7, but Internet Explorer 6 was not. The middle column, #midcontent, was sliding to left, just enough to cause the Post (s) to slide down below the entire middle column.

There is a well know bug in Internet Explorer 6 in the way it renders content that floats, when it’s contained within floating content. According to this link, IE6 doubles the margins. The Zeke WordPress theme doesn’t use much in the way of margins and the “display: inline;” fix mentioned in the article didn’t work.

I noticed that Zeke does use quite a bit of “padding” and discovered that IE6 was indeed getting the padding wrong.

According to this website (and others) it is possible to have CSS tags that IE6 processes and other browsers ignore, just by placing a _ in front of the tags. I was able to copy the “padding” line for #midcontent and create a new line that only IE6 would process, without the padding on the right.

Edited to add:  You need both padding: and the _padding: lines in your #midcontent section.

See the code below:

#wrap {
padding: 0 5px;
clear: both;
width: 960px;
margin: 0 auto;
#contentleft {
width: 680px;
float:left;
padding: 0;
margin: 0;
}
#content {
width: 499px;
float: left;
margin: 0 1px 0 0;
padding: 0;
}
#midcontent {
width: 160px;
float: right;
margin: 0;
padding: 10px 10px 15px 0;
_padding: 10px 0px 15px 0; /* this did the trick. Only IE6 should process this line */
}
#contentright {
width: 250px;
float: left;
padding: 15px 0 15px 15px;
margin: 0;
}

Now, everything is working great!