top menu relative position with IE

[norbertpayne]

Hi,

I'm running CMS MS version 1.5.4

Using the default template CSSMenuTop + 2 columns
and modified stylesheets CSSMenuTop + 2 columns and CSSMenu Horizontal
have made this site: http://conamara.org

Menu positions and scales correctly with Mozilla at various screen resolution.
But with IE, the menu position seems to be absolute, in relation to the top left, so doesnt work much outside a 1024 screen width.

Any suggestions?
It may have something to do with this section of the default top menu + two column stylesheet:

Code: Select all

/*****************
basic layout 
*****************/
body {
   background-color: #ffffff;
   color: #333;
   margin:1em;    /* gives some air for the pagewrapper */
}

/* center wrapper, min max width */
div#pagewrapper {
   border: 1px solid black;
   margin: 0em auto;    /* this centers wrapper */
   max-width: 54em;   /* IE wont understand these, so we will use javascript magick */
   min-width: 40em;
   background-color: #ffffff;
   color: black;
   

But where is the "javascript magick" that does this in IE?

[seensite]

But where is the "javascript magick" that does this in IE?

Hi,

The javascript magick that does this for IE is in the header template:

{* the literal below and the /literal at the end are needed whenever there are {"curly brackets"} as smarty will think it's something to process and will throw an error *}
{literal}

=b){nw=b+"px";}if(w

   
   
    #pagewrapper {width:expression(P7_MinMaxW(720,950));}
    #container {height: 1%;}
   
   
    {/literal}
{* The min and max page width for Internet Explorer is set here. For other browsers it's in the stylesheet "Layout: Top menu + 2 columns" *}

   
   
   
{* The above JavaScript is required for CSSMenu to work in IE *}"

Note the bolded quoted line here above _î If you change the min/max with in the template for IE as you did in your css it should word.

[norbertpayne]

Thanks! will give that a try...