Thanks for your response, Roger. The class you sited (.dateline) was an
orphaned rule - I wrote it (incorrectly, as you pointed out) at some phase
of the design and then changed; it wasn't called anywhere in the html so
wasn't effecting the page; I've removed it now :). I played with the
background colors but that had no effect, either. The flickering doesn't
happen locally, only from the server.

My CSS doesn/t validate *because* of those rules with the forward slash (/).
They're rules for IE which only IE will read. When I'm finished, I'll pull
those out to another style sheet linked from a conditional comment.

At any rate, since you aren't seeing the flickering, it's probably difficult
to know what I'm referring to.

I appreciate you taking the time to wade through the code and offer possible
solutions.

Bill Scheider

Another try: Flickering in Firefox

Bill,

On Nov 7, 2005, at 5:25 PM, bill wrote:

> Hi there
>
> I'm developing a site which can be found at
> http://www.first-encounter-design.com
> <http://www.first-encounter-design.com/>  Haven't done any real 
> testing yet
> but it displays well in IE6, NS7, Op and FF all on win xp.
>
> When the page first loads in FF, the right hand scrolling div 
> (#thumbnails)
> flickers as if it's reloading two or three times. I can't for the life 
> of me
> figure this out! 
> Code validates but haven't validated CSS yet since it's still in pretty
> rough shape. That can be found at
> http://www.first-encounter-design/css/main.css

I'd make a point to validate the css first.  Many of my problems in ff 
tend to go away when I've done that.  In your case, many of the font 
declarations have a / in front which causes ff to ignore them.  Also, 
you have this line which firefox drops.

.dateline {
        font-size: 0.8em;
        font-weight: bold;
        font-style: italic;
        margin-top: 18px 0 5px 0;  /* margin-top only gets 1 value, margin
can 
have 4  */
}

Even with all that, I didn't notice any flicker on my mac until I 
cleared my cache and reloaded several times.  I think the issue is that 
the background-color on the image ( a reddish color ) shows through 
until the image is done loading.  If that is the cause, it will be much 
more noticeable for people on slower connections as the image will take 
longer to load.  You may be able to get the same look by moving the 
color to the image borders and moving the image border to tha a tag.

hth
Roger,

Roger Roelofs
"Remember, if you're headed in the wrong direction,
        God allows U-turns!"
          ~Allison Gappa Bottke
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to