CMS Made Simple Forums

Hello,
sites generated with cmsmadesimple are not displayed correctly on iexplorer 7 (I tested with beta release).
The footer  is generated wrong, has a dimension of whole page.

The site www.cmsmadesimple.org is displayed wrong too.

Bye

IE 7 is still beta, we try to support its quirks but cant always find every bug.

1.0betas have been tested with IE7 and iirc it did display properly, Ill have to test these out once again

I've just noticed that my CMSMS pop-out menus dont work in IE7....is this a general issue or is this just me?
www.keys-attachment.co.uk

Andy

hmm, dont have windows machine handy but that would mean that IE7 doesnt understand :hover on li elements and / or that the js that fixes this problem for ie6 isnt working in ie7...

note to self: I really need a windows machine...

Change to this in your stylesheet for the CSS Menu

thanks - will try that tomorrow!

Very old thing but without a solution: http://dev.cmsmadesimple.org/tracker/?f ... 6&atid=101

Have just amended as suggested by Greg, and it works fine in IE7.....thanks Greg, but for a CSS novice can you explain the impact/reason for the 2 changes?
thanks
Andy

-3px  -  IE7 adds a margin beneath the sub link on :hover
zoom -  adds layout to element
google 'haslayout IE 7'

Greg wrote: Change to this in your stylesheet for the CSS Menu

Code: Select all

#primary-nav li { 
    margin-bottom: -3px; 
    position: relative;
    zoom: 1;      
}

Exactly where will I place this to work.....I am taking baby steps here with CMS, 1st day! 

In a default install there are 2 CSS menu style sheets, you would put in there...

Navigation: CSSMenu - Horizontal
Navigation: CSSMenu - Vertical

mark wrote: In a default install there are 2 CSS menu style sheets, you would put in there...

Navigation: CSSMenu - Horizontal
Navigation: CSSMenu - Vertical

Tried it, but no luck.  Thanks anyway.

I put the following code in the header of the template that uses the CSS Menu:

Greg wrote: I put the following code in the header of the template that uses the CSS Menu:

Code: Select all

<!--[if IE 7]>
<style type="text/css">
#primary-nav li {margin-bottom: -3px;}
#primary-nav li:hover {margin-bottom:-3px;}
</style>
<![endif]-->

This is my template code:






{site_title}

{metadata}
{stylesheet}

{cms_selflink dir="start" rellink=1}
{cms_selflink dir="prev" rellink=1}
{cms_selflink dir="next" rellink=1}

{global_content name='JavaScript for IE page width'}








   
   
      Skip to navigation
      Skip to content
   
   

   


   
   
           {cms_selflink dir="start"}
   
   
   


   
   
        {breadcrumbs starttext='You are here' root='Home' delimiter='»'}
   
   
   

   
   

     
     
         Navigation
         {cms_module module='menumanager' collapse='1'}
     
     
     


     
     
         {content}


         


^ Top

         
            {cms_selflink dir="previous"}

            {cms_selflink dir="next"}
         


     
     
 


   
   


   
   
      {global_content name='footer'}
   
   









and I place it where in the header?