Um, has anyone got any help for me? Am I asking the question incorrectly? Breaking List protocol? Doing something else wrong?
---------------------------------------- Here's a direct URL to the test: http://www.helpdeskpro.net/test/suzy3.htm ------------------------------------------------ Hi everyone, The somewhat unusual template below (a containing table) is to handle the situation - (shown in code below) of a dynamically generated table that can sometimes extend quite wide - and the layout elements e.g. header and footer should expand also. This expansion works in the sample below, Firefox is OK, BUT in IE(6) as soon as you hover over the sample Menu button, the content flies to the left!!!! Any suggestions as to fixing this up please? Regards, Kim Jordan ___________________________________________________________ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> <html xmlns="http://www.w3.org/1999/xhtml";><head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Untitled</title> <style type="text/css" media="screen"> html, body {margin: 0; padding: 0;} #wrap, #wrapie {display: table; width: 100%;} .stretchy {width: 150px; background: #ffd;} #header {background: #eee;} #contentwrap {float: right; margin-left: -100%; width: 100%;} #content {margin-left: 210px; margin-top: 18px; padding: 5px 10px 5px 10px; background: #eee; border: 1px solid #999;} #content p {margin: 1em 0;} div#content p{line-height:1.4} div#content h1.tablename1 { height: auto; font-size : 1.0em; } div#menu {float: left; width: 170px; margin-top: 18px; background: white;} div.navdiv p { margin: 0 0px 0px 16px; line-height: normal; color: #333; font-size: 0.9em; } div#menu p.navbutts { margin: 0 0 2px 16px; width: auto; border: none; } div#menu .navbutts a { border : 1px solid #999; display : block; color :#333; padding : 3px 2px 3px 8px; text-decoration : none; width : auto; font-weight:normal; } .navbutts a:hover { background : #b5b1c3; color : #fff; text-decoration : none } #subnav {width: 100%; clear: both;} #footer {background: #333; color: #fff; width: 100%; clear: both;} #footer p {margin:0; padding:5px 10px; color: #FFF;} a.footer {color : #FFF;} </style></head><body> <table class="container" summary="Page Content Holder" id="wrapie" cellspacing="0"><tbody><tr><td> <div id="header"><h1> header here</h1> </div> <div id="subnav"><h1>subheader</h1></div> <div id="contentwrap"><div id="content"> <p class="stretchy"> <table border="1"> <tbody> <tr><td nowrap="nowrap">This is Header 1</td> <td nowrap="nowrap">This is Header 1</td> <td nowrap="nowrap">This is Header 1</td> <td nowrap="nowrap">This is Header 1</td> <td nowrap="nowrap">This is Header 1</td> <td nowrap="nowrap">This is Header 1</td> <td nowrap="nowrap">This is Header 1</td> <td nowrap="nowrap">This is Header 1</td> <td nowrap="nowrap">This is Header 1</td> <td nowrap="nowrap">This is Header 1</td> <td nowrap="nowrap">This is Header 1</td> </tr> <tr><td colspan="11"> line item</td></tr> </tbody> </table> <br> </p> </div></div> <div id="menu" class="navdiv"> <p class="navbutts"><a href="#">Menu Button </a></p> </div> <div id="footer"><p>this is footer text</p></div> </td></tr></tbody></table> </body></html> ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
