[thelist] IE craziness (was: Z-index and flash)

Bill Moseley moseley at hank.org
Sun Oct 1 16:28:18 CDT 2006


On Sun, Oct 01, 2006 at 08:30:13PM +0300, VOLKAN ÖZÇEL?K wrote:
> >Do others see the same thing?  Is there anything special required to
> >set the z-index for Flash?  I remember in the past having some trouble
> >getting z-index to work with flash across different browsers.
> 
> FF 1.5.0.7 on W2K displays it without problem.
> 
> As per the rotating images issue;
> You can create a slideshow (I prefer AJAX but Flash is also applicable)
> which preloads a low-resolution image first and a high resolution one
> afterwards. This will create an illusion that users wait less for the image
> to load (in fact they are waiting more for the entire slideshow to complete
> because of the extra low-res images). This will be at a cost of some
> additional bandwidth; but if the site is not a high-traffic one (I guess it
> is not) some extra bytes going through the pipe are okay.


Well, for fun I redid the site to something that validates and isn't
so dependent on javascript.

But, of course I have a number of IE related issues, and I'm not that
good at css to know all the IE work-a-rounds.  Maybe someone here can
help?


This won't be up very long, just in case you are reading this in the
archives:

    http://hank.org:7123/

First, I used javascript to rotate the images, but the drop down menus
still are covered by the image in IE only.

    <div id="photos">
        <img>
        <img>
        <img>
    </div>

"photos" is position: relative, and the images are position: absolute.
This seems to force the images *above* everything else in the stack
order in IE.  I tried setting a small z-index on the div and images
(and the drop down menus have z-index: 1000).


Second problem -- equal height columns in IE:

In IE is the column lengths.  I'm using PIE's [1] method of
getting equal column heights.  It's basically you set overflow: hidden
on a container then set a huge margin-bottom then an equal huge
negative padding.  The overflow clips the column where the text ends
on the longest column.

The design calls for rounded corners so below the wrapper container
for the columns I have columns where I can place the rounded image.

But, if you look with IE you will see the left column is not extended,
so my bottom rounded rounded part is hanging all by itself below the
content area.

Can IE do the equal column height trick?


Thanks,

[1] http://www.positioniseverything.net/articles/onetruelayout/equalheight


-- 
Bill Moseley
moseley at hank.org




More information about the thelist mailing list