Scobelizer redesign
Robert Scoble: Design work ahead tonight. Bear with the ugliness for a while.
In Mozilla, I can't even click on the comment link on this blog entry. Recommendation: the validator is your friend. For starters, it is <div class="comment">, not <div id="comment">.
Randy, from the link you posted: "HTML [2] also introduces the 'ID' attribute which is guaranteed to have a unique value over the document."
Scoble uses it multiple times, thereby making it not unique anymore ;). And that's probably the thing that breaks Moz/FB etc...
Posted by Breyten atOK, I've done some more investigation, and my comment on validation turns out to be a red herring. The real problem is that the underlying content and links boxes overlap, something that is not visually apparent as content is defined to "float".
My recommendation is the stylesheet be changes so that both the content and links float, thus:
#content {
float:left;
width:80%;
}
#links {
float:right;
width: 15%;
text-align:center;
}
Posted by Sam Ruby
at
I've seen this one happen before. Everything seems normal in IE/Win, but Mozilla and IE/Mac and Safari/Mac can't click. Like Sam says, it's an issue of overlapping regions and z-order.
Sam's float technique will work well if you want the sidebar to grow to match the size of the page. You could also use absolute positioning and fixed width, combined with the main content having a right padding/margin.
Posted by Brad Wilson, The .NET Guy atThanks everyone for the help! That's what happens when I try to do design at 2 a.m. and don't check with validator.
Posted by Robert Scoble at
Re-Design Ugliness
Yikes, I shoulda run the validator before I went to bed last night.... [more]Trackback from The Scobleizer Weblog at
Strangely, once you get lower down the page, the comment links start working again (at least in Firebird, dunno about "big" Mozilla). Looks like the RHS nav bar element is reaching all the way across the page and blocking mouse access to whatever's underneath it.
Posted by Ivan Towlson at