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 <mdipie...@cs.depaul.edu> wrote:
> How about the new layout.html?
>
> On Aug 19, 11:12 am, Michael Ellis <michael.f.el...@gmail.com> 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
