In Repair
In an attempt to make the Av experience a more enjoyable one, I’ve been working out some bugs. The last few were more about making sure everything checked out and validated by W3C standards. It appears that I have things in order but I did run into a few problems.
1. I had to change 2 instances of
header(“Content-type: text/html; charset=utf-8”);
to
header(“Content-type: application/xhtml+xml; charset=utf-8”);
in textpattern/publish.php in order to make the
XHTML validate without errors about incorrect content-type.
2. By changing the content type, it seems to make validation more strict and caused the Flickr Badge code on the Lifestream page bring up an error page. After some research it looks as though the ampersand characters in the script were causing the error. Since changing all instances of “&” their proper entity codes I no longer get the error but now my photostream doesn’t display at all. I’ll have to look into this more.
3. Originally, I was using the nifty rss_livearchive plugin to power the Archives page. Some of the CSS this script uses causes the CSS to not validate. By removing the CSS code that causes this problem, that in turn causes some things on the page to misalign. For the time being I’ve decided to go with a more traditional archives page.
If anyone has any suggestions on the issues I ran into using rss_livearchive or why my Flickr photostream no longer displays on the Lifestream page, contact me.
April 2, 2008 - mid-afternoon
Permalink
Tags:
css,
w3c,
xhtml
Learned today: CSS column heights
CSS is an interesting and wonderful thing. As a web developer, I’ve seen the best and worst in the changes in how websites are made over the years. I remember the days of using tables to lay out content long before I ever knew what CSS was. I’m going on year 5 or 6 of being somewhat of a CSS guru and in those years not once have I ever needed to use tables for laying out a site’s content. Tables are, as you can guess, for tabular data.
Imagine this scenario for a minute: you’re developing a site that uses 3 columns. This isn’t out of the ordinary. The tricky part is that you want the left and right columns to be used for tiling backgrounds/accents that inherit the height of the center column where content will reside. The problem is that this isn’t possible with CSS without some hacking. This is possible if you go back to 1995 and use tables. A column in a table will automatically inherit the height of the column next to it regardless of the amount of content filling it. In CSS, divs are independent of each other.
So after wracking my brain for an hour on how to get around this problem, I found this article. After testing the provided Javascript and incorporating it into the design I’m working on, it does exactly what I need it to.
I have so much respect for anyone who does work like this by providing fixes and hacks (for free no less) and only asks that they get credit for their work in return.
March 25, 2008 - late evening
Permalink [2]
Tags:
css,
development,
hack,
javascript,
tables