I use a bunch of CSS on this page already, but I’m preparing to make the big jump from tables-based layout to using CSS to do the job. Take a look at the source HTML if you want to see why. It’s a freaking mess. Or run this page through a validator. It’s hopeless.

Making the small change required to make this site more readable on mobile devices requires making huge changes. So, I’ve spent a few hours translating this page into a non-table-based, CSS-based layout. Thanks to massive copying of templates (thank you, Web!), I’ve got something up and running that seems to work. (One enhancement I can’t figure out how to do: Have the left and right boxes be fixed in their size while allowing the center one to resize as the user resizes the window. I spent a few hours last night failing to get that to work.)

The new page looks like this one, but the cleanup behind the scenes is massive. But I haven’t posted it yet because I’m sure it’s going to break every way a page can break. I’ll try it later tonight, I think, while some of the US time zones are asleep. [Tags: css html]

I’m trying to get my new pgae to pass the w3c xhtml validator I’m down to a mere 15 infractions. They are of two sorts. First, it doesn’t like Movable Type’s tags. Is there a “loose” DTD somewhere I should be using? If so, what is the exact and precise syntax? Second, it doesn’t like dollar signs and spaces embedded in name tags, as MT insists. So, it flags this line:

<a name=”<$MTEntryID pad=” id=”<$MTEntryID pad=”1″$>

Suggestions? Or should I just learn to love being an outlaw?

Categories: Uncategorized dw