ahem
Everyone happy now?
Update: If anyone knows how to get this design to render correctly in Mozilla and Netscape, I sure could use the help.
Another update: If you are having a problem with the sidebar scrolling over the words, it might because because this design was made with my screen (1024x768) in mind - which, according to my stats - is what 90% of my readers use.
Comments
Welcome back, Little Dead Girl!
Posted by: Ed | February 22, 2004 04:02 PM
Yay! The little dead girl is back! Good design!
Posted by: DrJimmy | February 22, 2004 04:18 PM
Nice design!
Posted by: Daria | February 22, 2004 04:27 PM
I LOVE IT! Thanks for bringing back the little dead girl.
Posted by: Shelby | February 22, 2004 04:38 PM
No! Bring back Michael Myers! (I'm just kidding. It's your website, do what you want.)
Posted by: dorkafork | February 22, 2004 04:47 PM
Looks great!
Posted by: Kymberlie R. McGuire | February 22, 2004 04:55 PM
Nice design...
Makes me wonder what would have happened if...
a) I'd had the motivation to maintain a regular website
b) I'd been good with programming
c) I'd been born with people skills
Definite improvement on the last design. Beware, I'm in a Bill Hicks mood...
Posted by: Crimson Cow | February 22, 2004 05:05 PM
I like it! I like it! I like it!
Where's my pie?
Posted by: McGehee | February 22, 2004 05:10 PM
Like the Little Dead Girl, but sorry to say it doesn't render right in Mozilla
Posted by: Rick | February 22, 2004 05:13 PM
Hey, it's my girl!
Doesn't look too bad in Firefox. All you're missing is background color.
Posted by: Tanya | February 22, 2004 05:41 PM
Looks ok to me in Moz... what's supposed to be wrong with it?
Posted by: dave | February 22, 2004 05:48 PM
This is much better! Love the new look!
Posted by: Joe | February 22, 2004 06:03 PM
Hurray for the return of the little dead girl!
Dave: in Moz, the LDG background on the front page floats with the right margin of the window, not the right edge of the layout. I imagine if your window's the right width you won't notice though :)
Posted by: Ian S. | February 22, 2004 06:36 PM
Why does the recent entries column cover part of the column your entries are in? It covers the last 3 or 4 letters of each line. I'm using microsoft explorer, not netscape.
Posted by: Jason | February 22, 2004 06:48 PM
Well, I'm not a CSS expert. But Mozilla certainly doesn't like your stylesheet, that's for sure. Your CSS uses some nonstandard properties (presumably IE only, or maybe CSS2, I'm not sure). Also, I can't make out what is going on in your stylesheet down around the #navcontainer and #navlist properties. Are all those ul and li elements supposed to be there?
Here's a CSS validation tool you can use:
http://www.htmlhelp.com/tools/csscheck/
Posted by: Ron | February 22, 2004 07:02 PM
aww!! I love your layout <3<3<3
Posted by: Branille | February 22, 2004 07:18 PM
I'm using Firefox as well, and my screen is 1024×768... It all seems to overlap from left to right.... (Entries overlap sidebar. Sidebar overlaps picture.)
Posted by: Tina | February 22, 2004 07:41 PM
10%!
Posted by: Jim Treacher | February 22, 2004 07:42 PM
Suweeeeet!
Welcome back, Lenore.
Posted by: a different Bill | February 22, 2004 07:55 PM
I use Explorer and am having the overlap problem. Wah.
Until it's fixed, I'm clicking on "Link" for each post so that it will maximize the screen to show just the post and comments.
Posted by: Trish | February 22, 2004 09:21 PM
Love it, Michele. You have a great eye for design.
Posted by: Meryl Yourish | February 22, 2004 09:41 PM
Fabulous! And the little dead girl is back - perfect!
Posted by: Mara | February 22, 2004 10:07 PM
The Mozilla problem seems to be caused by a minor mathematical miscalculation. First, the actual width of the viewport (the part where the web page is actually displayed) in a fully maximized Mozilla at 1024×768 resolution is only 1000 px. The collapsed sidebar on the left is 9 px wide and the scrollbar on the right is 15 px wide, for a total of 24 px, leaving only 1000 px horizontal in the viewport.
Second, you have two rules in your CSS file which basically set up two "walls" between which your posts column and your sidebar column have to be displayed. On line 68, the "margin" rule sets the left wall 30 px in from the left. On line 128, the "right" rule sets the right wall at 230 px in from the right. Subtract 30 and 230 from 1000 and you are left with 740 px in which to display your two columns, plus any additional margins added in other containers in the page.
On line 65, you define the width of the "Content" container (the column for your posts) as 50%. On a 1000 px viewport, that would be 500 px. On line 129, you define the width of the "Side" container (the column for your sidebar) as 25%, or 250 px on a 1000 px viewport.
Add everything up -- left wall (30) plus Content (500) plus Side (250) plus right wall (230) -- and it comes out to 1010 px, or 10 px more than you really have available, which causes the overlap between the right edge of "Content" and the left edge of "Side". (continued)
Posted by: tobacco road fogey | February 22, 2004 10:11 PM
(continued from previous comment)
In addition, there appears to be 8-10 px worth of width tied up in borders, other margins, etc., which makes for an overlap of about 18-20 px in the center. This seems to be consistent with what I see in my Mozilla 1.6.
In short, mixing absolute measurements (px) and relative measurements (%) can lead to unexpected consequences. If you really want to see the havoc this can cause, pop open the Mozilla sidebar on the left side. The left wall stays at 30 px from the left edge, the right wall stays at 230 px from the right edge, and the jumble between the posts column and the sidebar turns into a really ugly mess. The same thing will happen on IE 6.0 if you pop open the Search sidebar, but it's not quite as ugly a result,
Hope this helps.
Posted by: tobacco road fogey | February 22, 2004 10:22 PM
Looks really freakin' cool to me.
Posted by: M | February 22, 2004 10:47 PM