[pmwiki-users] Help with CSS / IE?

[Gary Spivey]

I suspect that the problem might be with your divright's float:right.

IE doesn't appear to render the float the same as firefox or opera (in
fact, one who knew more about it might say that IE does it wrong).

I put the following in my config.php to solve this problem:

# Set a style variables for the wikistyles to fix an ie problem
  SDV($HTMLStylesFmt['wikistyles'], " 
    .frame 
      { border:1px solid #cccccc; padding:4px; background-color:#f9f9f9;
}
    .lfloat { 
              position:relative; 
              float:left;   
              display: block; 
              margin-right:0.5em; 
              top:0px;
              right:0px;
            }
    .rfloat {
              position:relative; 
              float:right;   
              display: block; 
              margin-left:0.5em; 
              top:0px;
              left:0px;
            }
    \n");

This seems to take care of most of the float problems.

-Gary


> -----Original Message-----
> From: pmwiki-users-bounces at pmichaud.com [mailto:pmwiki-users-
> bounces at pmichaud.com] On Behalf Of Glenn Blalock
> Sent: Saturday, May 27, 2006 7:46 PM
> To: pmwiki-users at pmichaud.com
> Subject: [pmwiki-users] Help with CSS / IE?
> 
> Until two days ago, the following site rendered the same in Firefox,
> Mozilla, and IE6.  Now, IE will not show the proper layout, but
Firefox /
> Mozilla still show it correctly.
> 
> http://comppile.tamucc.edu/wiki/CompFAQs/Home
> 
> I'm using the ShowHide cookbook script.
> 
> Can someone help me with a fix for the IE problem, please?  This will
be a
> high traffic site, and most users will most likely be coming via IE.
> 
> Here are the relevant parts of the main CSS file (ShowHide has its
own):
> 
> body {
>   font-family: Verdana,sans-serif;
>   background-color: #f7f7f7;
>   margin-left:0px; margin-right:0px;
>   font-size:12px;
>   width:980px;
> }
> 
> table.faqRight { float:right; margin:5px; }
> 
> #divr1, #divr2, #divr3, #divr4, #divr5, #divr6, #divr7, #divr8,
#divr9,
> #divr10, #divr11, #divr12, #divr13, #divr14, #divr15 { width:380px;
> float:right; padding:6px; margin-left: 10px; font-size:10px;
border-left:
> 2px solid #cccccc;}
> #divright { width:380px; float:right; padding:6px; margin-left: 10px;
> font-size:10px; border-left: 2px solid #cccccc;}
> 
> #wikiright a { text-decoration:none; color:black; }
> #wikiright a:hover { text-decoration:underline; color:blue; }
> 
> ****
> Thank you for any help.
> 
> Glenn Blalock
> 
> 
> _______________________________________________
> pmwiki-users mailing list
> pmwiki-users at pmichaud.com
> http://host.pmichaud.com/mailman/listinfo/pmwiki-users