Entries in "Work"
MT/Case default styles, meet Mr. Chainsaw...
OK, so the first thing I did with Blog@case was open it in up in a browser window that had previously been used to read Slashdot with some fairly outrageous window size (1200 pix wide, give or take--about 50% wider than The One True Width decreed by the PTB at Case). Poked around at Jeremy's and Irene's blogs.
Eeew, ick! I paid over 2 grand for this machine to be able to see jeremy's thoughts surround by giant, multi-hundred-pixel-wide margins of blue?
I think not.
Here are the stlyesheet mods (other than trivial color-juggling):
1. change width of #container from 700px to 90% (width of the main page body is now directly proportional to browser window width)
2. after the h2 entry, added a #banner h2 with a smaller font size (lets me use a long subtitle/tagline without running out of the banner area, or overwhelming the main title)
3. comment out the height attribute on #navBar (in narrow windows, the "Search" link wrapped, and fell off the bottom of the fixed-height bar!). Added a padding-bottom: 6px to keep the top & bottom even.
4. cut the a.navBarLink(s) margins from 30px to 10px (left & right)--this also fixes the above problem by making the navbar less likely to wrap
5. in the #center section, comment out the "width: 490px;" line. This makes the main entries grow (or shrink, if they're small).
This entry will, itself, provide enough text to really test these mods...
OK, the results are in:
IE/Mac: does The Right Thing (ie., what I want it to...which may not actually be the CSSly correct thing. Further research is needed)
Opera 7.5.1: unreadable glop
Gecko (Mozilla/Firefox): Non-trivial entries fall below the right-hand sidebar content
KHTML (Safari): same as Gecko
IE/Win 6.0: does The Right Thing
So...back to the drawing board. I think I've seen this battle before, somewhere in Eric's writings; it's not easy to win.
Then again, maybe it is easy: step 5b, whack the "float=left;" line in #center, has fixed Opera & Gecko, without breaking the IEs or Safari. Extra bonus: whack the height of the #banner, and now the text zoom/font size feature works without trashing the layout (except the right sidebar/calendar, which is still spec'ed in pixels).