I suspect my changes would be more harm than help :-) They're mainly along the lines of including extra js files and some CSS that's specific to my app. That being said, the changes I made will be freely available in the next few days through the Google Code site that will house my repository.
Cheers, Mike On Thu, Aug 19, 2010 at 1:15 PM, mdipierro <[email protected]> wrote: > 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 >
