I see what your bug is though I can't put my finger on what is causing it specifically.


Your #sidebar h1 spec though is most likely not the problem associated with that area. I am curious as to why you have made multiple "Sidebar spacer" elements tagged as level 6 headlines. Besides presenting the problem of not being actual headings at all, I find their inclusion to be unnecessary. Your sidebar would in this case be better managed using actually <img> tags, with each section within it's own div and margined accordingly.

Additionally, your headings span from h1-h5, with h6's dispersed in between. A user viewing this without styles turned on will see consistently small "Sidebar spacer" headings, and ever-shrinking section headings. If I was such a user, I wouldn't know what exactly was going on. Consider using all h1's within their own boxed divs on the sidebar. Or, use classed versions of h1's to represent your headings. No header there is more important that any other, and should be marked up as such. I'll speak for Zeldman (also linked on your page), and he agrees. ;)

Now, all source errors set aside...

What appears to be happening is your image replaced "Sidebar spacer" things and actual headings for each section are slipping up on the page briefly on a link rollover. In switching between IE6 and Firebird 0.7 nightly, your bullet positioning is not consistent between the two of them, and so I assume there are some necessary padding/margin values that haven't been set in your sheet. I am fairly positive it has to do with the spacing settings, as I don't know why else elements would move on your page.

Since the problems are not existent in two of your alt stylesheets, I would compare them side by side, property for property and determine all the differences. Once you know what's different, you can work from there.

Please, when you send out emails, include what you have tried to fix the problem, and above all at least explain what seems to be happening. The more information we get the more of use we can be in figuring out an alternate course of action.

-Ryan Christie
http://www.theward.net

Ben Webster wrote:

Hey there WSG crew,
I'm (fairly) new to the list - and it's great to hear the daily in's and out's of other developers strtuggling with similar issues.
I was wondering if anyone could shed any light on a stange bug I'm getting in Firebird 0.7 on a PC.
On one of my sites www.thesydneypost.com <http://www.thesydneypost.com> I'm getting a stange effect in the Pyrmont + Roseville styles when you rollover the links in the sidebar. I'm using one of the image-replacement techniques to display the images:


#sidebar h1 {
   padding: 15px 0 0 0;
   overflow: hidden;
   background-image: url("../i/lh_titles_suburb.gif");
   background-repeat: no-repeat;
   background-color: #f8f8f7;
   height: 0px !important;
   height /**/: 15px;
   font-size: 12px;
   }

Any ideas?

Benvolio ------------------------------------------+
Ben Webster
Conversant Studios
0421 699 494
[EMAIL PROTECTED] <mailto:[EMAIL PROTECTED]>
www.conversantstudios.com.au <http://www.conversantstudios.com.au>


*****************************************************
The discussion list for http://webstandardsgroup.org/
*****************************************************




Reply via email to