Liquid Layout
Yesterday evening, I thought I would log into the ol' blog from home, and type a few words about the really creepy movie The Grudge that I saw on Sunday night. Unfortunately, when I loaded up the page, the entire sidebar was scrolled off the side of the browser screen. I had taken special care to ensure the page would scale for other view sizes, but I guess somewhere along the way, something broke the very complex table based layout I use. I vowed to fix it as soon as possible.
Long story short (how often does that happen here?), I rewrote my page templates as a two column liquid layout, using CSS for positioning. I used the excellent Floatutorial from Maxdesign to get the basic structure of the page right. Then I inserted the Roller content tags, and voila! A page which scales correctly, and now even displays properly in text-only browsers like lynx! Not to mention that now I don't have to keep a score sheet next to my keyboard for tracking down missing table cell close tags.


