xavodim

Lara asked if I could provide a little more insight into how I set up the 3-column layout I mentioned in an earlier post. Here’s what Lara wrote:

I was driving myself crazy with trying to come up with a fix for a problem I was having with my blog’s Wordpress theme not rendering correctly in IE. The problem had to do with borders and background style information on unordered lists in my sidebars. The issue also extended to some post titles not showing their backgrounds or borders in IE either.

Here is a very interesting article outling the design process, titled “A Design Process Revealed” by Stéphane Deschamps. The author outlines the process in these phases:

I’ve been having quite a bit of trouble re-working a custom Wordpress template to get it to show 3 columns correctly in both FireFox and Internet Explorer. The template I’m referring to is in use on my other blog Gangstas & Hugs. It’s based on a 3-column layout using VizmayaTech’s Business Template. The business layout was fine, but it was created mainly for business sites with a static front page. I wanted to use it for my “cultural commentary” blog, and wanted to have a column on either side that was easy to add content and lists to. When I modified the left and right columns via CSS and the template files, everything seemed fine, especially since I was using FireFox. The problem arose when viewing the blog in Internet Explorer 6.0. The columns were listed in the correct alignment horizontally, but vertically they were stacked according to the order they appeared in the template.