Nobody understands why IE works the way it does. :-( If you made chanegs to web2py_ajax.html that will be helpful to others, let us know.
On Aug 19, 11:38 am, Michael Ellis <[email protected]> wrote: > Massimo, I'm going to pass on testing that for time being. I'm in the last > stages of getting a beta version of my app ready for public consumption and > I'm trying desperately to keep my head down and stay focused. I'm afraid of > opening up a can of worms if I try to re-skin it now since I've already made > mods to web2py-ajax.html and layout.html. > > I still haven't truly understood why IE was getting the width wrong on some > pages and not others in spite of reading everything I could find on web > about the problem. The pages with the problems were not very different from > the ones without. I'm going to tag the version in my repo before I commit > the fixes so I can try reproducing the problem when I get chance to look at > the new layout.html > > On Thu, Aug 19, 2010 at 12:17 PM, mdipierro <[email protected]> wrote: > > How about the new layout.html? > > > On Aug 19, 11:12 am, Michael Ellis <[email protected]> wrote: > > > I've just spent an embarrassingly long time tracking down a couple of > > > layout problems that surfaced when I started testing my app on > > > Internet Explorer. Thought I'd offer the solutions that finally > > > worked in case someone else hits the same snags. YMMV, as usual. > > > > The first has to do with the jQuery Beauty Tips plugin. The tooltips > > > were showing up in IE with a transparent background. The short answer > > > is: If you've included all the required js files recommended on the > > > Beauty Tips page and it's still not working, then you need > > > jquery.bt.js version 0.95RC1. The prior released version won't work. > > > > The second problem just about drove me crazy. My app is using a > > > layout.html from ca. v1.64 of web2py. It's the one with a two-column > > > body with a button menu on the left and content on the right. Most of > > > my pages were rendering correctly on IE but the menu column > > > (class="width10em") was coming out way too wide on a few. The problem > > > had to do with the way IE was sizing the body column > > > (class="expandable column2") since the menu column content was the > > > same for all pages. After much futzing and cursing, the cleanest > > > solution I could come up with was to conditionally put an empty zero- > > > height fixed-width div at the top of each body column. So in > > > layout.html I now have a style defined thusly: > > > > <!--[if IE]> > > > <style> > > > .iewidthfix { > > > width: 500px !important; > > > height: 0px !important; > > > } > > > </style> > > > <![endif]--> > > > > and, further down, I put the div in the the td containing the body > > > column. > > > > <td class="expandable column2"> > > > <div class="flash">{{=response.flash or ''}}</div> > > > <!--[if IE]> > > > <div class="iewidthfix"></div> > > > <![endif]--> > > > {{include}} > > > </td> > > > > Works like a charm in IE 8 (haven't tried 6 or 7 yet) and doesn't > > > screw anything up in Firefox, Chrome, and Safari. > > > > Cheers, > > > Mike
