[pmwiki-users] Disjointed Display

[Wade Hudson]

When we try Hans' suggestion (with a minor variation), it looks great in
firefox, but in IE it puts a horizontal scroll bar at the bottom of the
screen and the right-side window stretches off out of sight, at any
resolution.

Hans suggested that we try:

       #right{ float:right;
        }
        body#right{ /* IE hack to avoid floating */
                     width:75%;
                     }

   You could replace the float with an absolute positioning.
   Replace the above with:

       #right{ position:absolute;
               top:0;
               left:26%; }

   ***

   Replace the above with:

       #right{ position:absolute;
               top:0;
               left:26%; }

   this is a little better to give a top margin:

   #right{ position:absolute;
           top:1em;
           left:26%;
           }

   ***

   And if you are changing the #right to position:absolute;
   you may as well replace both the left and right style definitions
   with:

   #left{  float:left;
           width:14em;
        }
   #right{ position:absolute;
           top:1em;
           left:15em;
        }

   This defines the sidebar width in proportional em units rather than
   percentage of the window. It will have a better result when the
   browser window is made smaller.

+++++

The minor variation is that we changed:

#left{  float:left;
          width:14em;

to:

#left{  float:left;
          width:15em;

Any additional suggestions?
We still receive reports of a disjointed display.



> -----Original Message-----
> From: pmwiki-users-bounces at pmichaud.com
> [mailto:pmwiki-users-bounces at pmichaud.com]On Behalf Of Hans
> Sent: Monday, February 07, 2005 6:00 AM
> To: Pmwiki-users at pmichaud.com
> Subject: Re: [pmwiki-users] Disjointed Display
>
>
> And if you are changing the #right to position:absolute;
> you may as well replace both the left and right style definitions
> with:
>
> #left{  float:left;
>         width:14em;
>      }
> #right{ position:absolute;
>         top:1em;
>         left:15em;
>      }
>
> This defines the sidebar width in proportional em units rather than
> percentage of the window. It will have a better result when the
> browser window is made smaller.
>
> Best,
> ~Hans
>
> _______________________________________________
> pmwiki-users mailing list
> pmwiki-users at pmichaud.com
> http://pmichaud.com/mailman/listinfo/pmwiki-users
>