Joho the Blog
|
|
|
May 24, 2006
Does Joho look today a lot like it looked yesterday? Are your eyes still burning from the greatest concentration of orange outside of the MinuteMaid headquarters? Still headachey from reading posts so narrow your eyes have to trace a zigzag pattern with the turning radius of a 10th Century spiral staircase? Then I've succeeded! Yes, today's Joho is a faithful simulation of the original, now done in 98% pure CSS! Gone are the nested tables within tables within tables within tables and the "enough exceptions make a rule" mentality. Now let the breaking of a formerly stable page begin! (And thank you for all the help! You're a nice bunch of folks.) [Tags: css] Allow me to kick off the growsing. If you click on the "archives" or "Search" link right below where the home page page asks you if you're color blind, in FireFox you get taken to the proper spot on the page but everything above that is cut off. Gone. Not easily brought back. I'm using a simple href=#archives. I didn't see anything on the Web about this. Anyone feel like a little debugging? I neglected to thank PositionIsEverything where there's a spiffy interactive CSS generator for the CSS code for a page with equal-height columns. Well-done! Posted
by D. Weinberger at May 24, 2006 11:35 PM
|
Comments
Front page content is no longer centered for me, but rather flush left and bottom of page. FF1.0.7, WinXP. Otherwise, it looks just like it always did. Interestingly, this comments page has all-centered content.
Posted by: Bill Hooker | May 25, 2006 12:18 AM
Ooops, not "bottom of page", just flush left.
Posted by: Bill Hooker | May 25, 2006 12:19 AM
Bill, I don't know how to center everything. I'msure it's simple.
I haven't CSS-ed these comment pages. They're the same as they ever were. They're also much much less complex than my home page is (was).
Posted by: David Weinberger![[TypeKey Profile Page]](http://www.hyperorg.com/blogger/nav-commenters.gif)
|
May 25, 2006 12:25 AM
Looks good to me.
Posted by: Stephen Hamilton | May 25, 2006 12:29 AM
David,
You can center the front page content by placing it in a container with these attributes:
{text-align: center; margin: auto; width: 70%;}
You'll have to play with the width a bit. The easiest way to apply this would be to assign those attributes to the body selector, thus:
body {text-align: center; margin: auto; width: 70%;}
I only looked at the default CSS, not the others, though.
Posted by: rick gregory | May 25, 2006 01:05 AM
On Rick's suggestion...
text-align: center; isn't needed for anything other than IE5 on Windows. I'd imagine that's a miniscule part of your audience and you can live without it.
Just add this to the #wrapper{ ... } you already have:
margin: 0 auto;
Posted by: Adam Kalsey | May 25, 2006 01:13 AM
Welcome aboard
Posted by: Andy Brudtkuhl | May 25, 2006 11:45 AM
I'm using FF 1.5.0.3 on W98 (I'm soo 20th Century!) and the Homepage looks fine: centered (once the right column loaded; I'm also on dialup) and purty.
And the search anchor phenomenon you alluded to didn't happen to me. It went where it shoulda and I could scroll back up through all the stuff to the top of the page.
Posted by: Charlie Green | May 25, 2006 03:59 PM