Table Layout Issue

[dwessell]

Hi all..

http://showball.com/new_site

I'm having a heck of a time with the live support image in IE, it looks good in FF, but IE kills the placement..

The CSS that controls it is:

.dt { display:table; width:100%;}



.dr { display:table-row; width:100%; height:100%;}



.dc { display:table-cell; text-align:left; vertical-align:top; width:100%; }



and the HTML is:

<div class="dt head2" >
<div class="dr">
<div class="dc" ><a href="<?=zen_href_link(FILENAME_DEFAULT)?>"><?=zen_image(DIR_WS_TEMPLATE.'images/logo.png','','','','style="margin-left:45px; margin-top:51px"')?></a>

</div>
<div class="dc" style="vertical-align:middle; align:left;">
<!-- Powered by: Crafty Syntax Live Help http://www.craftysyntax.com/ -->
<script type="text/javascript" src="http://showball.com/live_support/livehelp_js.php?department=1&amp;pingtimes=15"></script>
<!-- copyright 2003 - 2006 by Eric Gerdes -->
</div>
<br></div>
</div>
----------------------------------------

I would wholeheartedly welcome any suggestions.

Thanks
David

[lib99]

Very nice template design!

I'm not yet fully up to speed on the table-less design practices, but it looks like you may have conflicting aligns.

.dc { display:table-cell; text-align:left; vertical-align:top; width:100%; }

and

<div class="dc" style="vertical-align:middle; align:left;">

...but I could be wrong. My method for solving problems like these is to remove all formating and systematically add back one at a time until the problem appears again. Wish I could be of more help.