I am removing the tables from a site and replacing with a pure css  
solution.

I use AlphaImageLoader for opaque pngs in the design. However, in  
moving from a table solution to a div solution, I am having trouble  
making them work.

I understand that AlphaImageLoader needs a div to have a set height/ 
width, or be positioned absolute. I can make neither of these  
solutions work without breaking my design though.

The current site, that uses tables is here:

http://www.farandride.co.uk/

The dev site, which has the main page almost table free now (just  
that strike through title that uses tables, which I am also a bit  
stuck on - but doesn't affect this problem):

http://dev.farandride.co.uk/

On FF/Safari the opaque pngs work just fine, as they don't require  
AlphaImageLoader, but on IE they are broken.

I can't use a set width, as it can't be worked into my design, I  
believe. So I made the 'ieopaquebox_ws_inner' div inside the  
relatively positioned 'ieopaquebox_ws div'. I thought I could  
position it absolute, apply the AlphaImageLoader and padding here and  
be done. But when I add absolute positioning, the containing div  
loses its height, so the layout becomes borked.

Any ideas? Help greatly appreciated!

Thanks!

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to