6 replies [Last post]
ted
ted's picture
Offline
newbie
Last seen: 16 years 39 weeks ago
Timezone: GMT-5
Joined: 2004-03-04
Posts: 10
Points: 0

I'd appreciate some help with my site.

The site is built with CSS-P (no tables) and has 3 optimized gifs. I notice that when I view it with NS7 the links in the navbar behave as they should and the page swaps are clean. However, in IE5.1, the pages seem to refresh so that there is a split second flicker when going from one page to the next. I'm on a Mac (OS9.2) so I'm not sure whether this is seen the same in Windows browsers.

The site is at: http://www.aero-dynamic-web.com/testpage/index.html

I'd appreciate any comments and suggestions.

Thanks.

Ted

co2
co2's picture
Offline
Leader
UK
Last seen: 12 years 33 weeks ago
UK
Joined: 2003-09-17
Posts: 721
Points: 0

Need a site check please - weird flicker

I'd be inclined to say this is a *feature* of IE5 for the Mac (OS 9). However, I've checked on IE6 XP and it does indeed have a flicker. Nothing worrying, but if you notice it, you notice it!

Not too sure what's causing it at this late stage in the evening. Maybe the javascript? Hopefully someone else can spot something.

The next sentence is true. The previous sentence is false. Discuss...

ted
ted's picture
Offline
newbie
Last seen: 16 years 39 weeks ago
Timezone: GMT-5
Joined: 2004-03-04
Posts: 10
Points: 0

Need a site check please - weird flicker

Thanks for the reply, CO2.

Well, based on the fact that you had the same situation with XP that I had on my Mac, and seeing that other sites out there behave the same way while viewing them with IE, I guess I can conclude that it's just another "feature" built into IE browsers.

On to bigger fish...

Ted

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 4 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Need a site check please - weird flicker

Hi

No flicker on the rollovers here, but I think someone (was it you co2?) posted what I found to be a good way to do it:

http://www.pixy.cz/blogg/clanky/cssnopreloadrollovers

You can get rid of the preload java, which doesn't work on my machine anyway (still have to hover and wait).

ALSO, the italicised text at the right is suffering from (I think) the IE clipping bug. This is taken from some code posted by Big John:

.italics-test, .italics-test-side {
font-style: italic; 
text-align: justify; 
background: #ccd;
border: 1px solid red;
}

/*** The following fixes prevent justified italic text from destroying the layout in IE/win.
	The problem is that those properties together make IE force the container wider,
	which in this type of floated layout causes a float drop. 	Pre-IE6 gets "width: 100%" 
	and "overflow: hidden", while IE6 gets "width: auto" and "overflow: visible, which 
	is the default, but explicitly stating it seems to keep IE6 happy. IE6 also needs
	to see the "height: 1%" to give it some kind of box dimension. Browser coddling 
	we call it. Finally, Bruno found that "word-wrap: break-word;" disarranged the 
	justified text in IE5.5 and 6, so it is defaulted to "normal" for this text.
	If you don't need justified and italicized text then forget all these fixes ***/

/* \*/
* html .italics-test, * html .italics-test-side {
overflow: hidden;
width: 100%;
o\verflow: visible;
w\idth: auto;
he\ight: 1px;
word-wrap: normal;
}
/* */

Which may be the cause.

Finally, the page breaks if re-sized too narrow. Put a width on the body for IE to stop this, and a min-width (the same width) on your page container for Moz.

Trevor

ted
ted's picture
Offline
newbie
Last seen: 16 years 39 weeks ago
Timezone: GMT-5
Joined: 2004-03-04
Posts: 10
Points: 0

Need a site check please - weird flicker

Thanks for the info, Trevor.

I'm still not sure what gives with the flicker, but I'm beginning to think it's a standard by-product with IE.

As far as the italicised text causing a clipping error in IE, I'm not sure what you mean. I'm seeing nothing wrong on my Mac running IE5.1.

Finally, I added the width and min-width code to my style sheet and while it helped, the page still breaks in IE (not NS7) on the Mac. Is there anything else I could try to fix this problem?

Ted

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 4 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Need a site check please - weird flicker

Hi

If you go to www.danvine.com/iecapture and get a screenshot of the Win IE you will see what I mean.

IE Mac is the same as IE Win only in that it has the same name, software company and logo. Otherwise they are totally different browsers!

Trevor

ted
ted's picture
Offline
newbie
Last seen: 16 years 39 weeks ago
Timezone: GMT-5
Joined: 2004-03-04
Posts: 10
Points: 0

Need a site check please - weird flicker

Trevor,

I see what you mean. I was relying on others with Windows browsers to tell me how it looked, but seeing it for myself showed me how crummy it looks on Windows. I can see why most web developers are hesitant to give up tables and styling within html.

Thanks for the info and for turning me on to Dan Vine's screen capture. It's a great service and you can't beat the price (though, if I wind up using his system again I'll feel compelled to donate some Cash.

Ted