> (ii) the earlier ones don't get
> blanked out by the later ones so one ends up with a solid black blob
> on the screen; (iii) I don't really like using an absolute position.
>
I can give you relative positioning, though I am using absolute font
sizes, firefox and IE seem to disagree about how many pixels you need to
jump back up the screen.
The blank background image should mask the layers below.
<div style="background-image:url('blank.jpg');position:relative; top:0;
font-size:50px;">progress 2/20</div>
<div style="background-image:url('blank.jpg');position:relative;
top:-59; font-size:50px;">progress 4/20</div>
<div style="background-image:url('blank.jpg');position:relative;
top:-118; font-size:50px;">progress 6/20</div>
<div style="background-image:url('blank.jpg');position:relative;
top:-177; font-size:50px;">progress 8/20</div>
<div style="background-image:url('blank.jpg');position:relative;
top:-236; font-size:50px;">progress 10/20</div>
you might also consider increasing the z index on each new div version
though you'll probably still need the background image to blank the ones
below
> Any CSS guru got a suggestion?
>
Wow cool, can I call myself a guru yet? Sorry I can't help much with (i)
you might have to use IFrames and meta-refresh or javascript onload() so
that the browser can get a complete page. Do any of the specs. say how a
browser should render a partly loaded page? I'm not an expert but I'd
guess not.
Will Davies
http://www.ecs.soton.ac.uk/~wmd04r
%20the%20earlier%20ones%20don't%20get%0A>%20>%20blanked%20out%20by%20the%20later%20ones%20so%20one%20ends%20up%20with%20a%20solid%20black%20blob%0A>%20>%20on%20the%20screen;%20(iii)%20I%20don't%20really%20like%20using%20an%20absolute%20position.%0A>%20>%0A>%20I%20can%20give%20you%20relative%20positioning,%20though%20I%20am%20using%20absolute%20font%20%0A>%20sizes,%20firefox%20and%20IE%20seem%20to%20disagree%20about%20how%20many%20pixels%20you%20need%20to%20%0A>%20jump%20back%20up%20the%20screen.%0A>%20The%20blank%20background%20image%20should%20mask%20the%20layers%20below.%0A>%20<div%20style=%22background-image:url('blank.jpg');position:relative;%20top:0;%20%0A>%20font-size:50px;%22>progress%202/20</div>%0A>%20<div%20style=%22background-image:url('blank.jpg');position:relative;%20%0A>%20top:-59;%20font-size:50px;%22>progress%204/20</div>%0A>%20<div%20style=%22background-image:url('blank.jpg');position:relative;%20%0A>%20top:-118;%20font-size:50px;%22>progress%206/20</div>%0A>%20<div%20style=%22background-image:url('blank.jpg');position:relative;%20%0A>%20top:-177;%20font-size:50px;%22>progress%208/20</div>%0A>%20<div%20style=%22background-image:url('blank.jpg');position:relative;%20%0A>%20top:-236;%20%20font-size:50px;%22>progress%2010/20</div>%0A>%20%0A>%20you%20might%20also%20consider%20increasing%20the%20z%20index%20on%20each%20new%20div%20version%20%0A>%20though%20you'll%20probably%20still%20need%20the%20background%20image%20to%20blank%20the%20ones%20%0A>%20below%0A>%20>%20Any%20CSS%20guru%20got%20a%20suggestion?%0A>%20>%0A>%20Wow%20cool,%20can%20I%20call%20myself%20a%20guru%20yet?%20Sorry%20I%20can't%20help%20much%20with%20(i)%20%0A>%20you%20might%20have%20to%20use%20IFrames%20and%20meta-refresh%20or%20javascript%20onload()%20so%20%0A>%20that%20the%20browser%20can%20get%20a%20complete%20page.%20Do%20any%20of%20the%20specs.%20say%20how%20a%20%0A>%20browser%20should%20render%20a%20partly%20loaded%20page?%20I'm%20not%20an%20expert%20but%20I'd%20%0A>%20guess%20not.%0A>%20%0A>%20Will%20Davies%0A>%20http://www.ecs.soton.ac.uk/~wmd04r%0A>%20%0A>%20%0A>%20%0A>%20 "Reply to this message")