iexplorer 7 and cmsmadesimple

General project discussion. NOT for help questions.
Post Reply
mjurce

iexplorer 7 and cmsmadesimple

Post by mjurce »

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
Top
tsw
Power Poster
Power Poster
Posts: 1408
Joined: Tue Dec 13, 2005 10:50 pm

Re: iexplorer 7 and cmsmadesimple

Post by tsw »

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 :)
Top
solstice
Forum Members
Forum Members
Posts: 34
Joined: Sun Feb 26, 2006 11:11 pm

Re: iexplorer 7 and cmsmadesimple

Post by solstice »

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
Top
tsw
Power Poster
Power Poster
Posts: 1408
Joined: Tue Dec 13, 2005 10:50 pm

Re: iexplorer 7 and cmsmadesimple

Post by tsw »

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...
Top
Greg
Power Poster
Power Poster
Posts: 598
Joined: Sun Sep 26, 2004 6:15 pm

Re: iexplorer 7 and cmsmadesimple

Post by Greg »

Change to this in your stylesheet for the CSS Menu

Code: Select all

#primary-nav li { 
    margin-bottom: -3px; 
    position: relative;
    zoom: 1;      
}
Greg
Top
solstice
Forum Members
Forum Members
Posts: 34
Joined: Sun Feb 26, 2006 11:11 pm

Re: iexplorer 7 and cmsmadesimple

Post by solstice »

thanks - will try that tomorrow!
Top
Piratos

Re: iexplorer 7 and cmsmadesimple

Post by Piratos »

Very old thing but without a solution: http://dev.cmsmadesimple.org/tracker/?f ... 6&atid=101
Top
solstice
Forum Members
Forum Members
Posts: 34
Joined: Sun Feb 26, 2006 11:11 pm

Re: iexplorer 7 and cmsmadesimple

Post by solstice »

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
Top
Greg
Power Poster
Power Poster
Posts: 598
Joined: Sun Sep 26, 2004 6:15 pm

Re: iexplorer 7 and cmsmadesimple

Post by Greg »

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

Re: iexplorer 7 and cmsmadesimple

Post by tt5001 »

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!  :-[
Top
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: iexplorer 7 and cmsmadesimple

Post by Dr.CSS »

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

Navigation: CSSMenu - Horizontal
Navigation: CSSMenu - Vertical
Top
tt5001

Re: iexplorer 7 and cmsmadesimple

Post by tt5001 »

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.
Top
Greg
Power Poster
Power Poster
Posts: 598
Joined: Sun Sep 26, 2004 6:15 pm

Re: iexplorer 7 and cmsmadesimple

Post by Greg »

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]-->
Greg
Top
tt5001

Re: iexplorer 7 and cmsmadesimple

Post by tt5001 »

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?
Top
Greg
Power Poster
Power Poster
Posts: 598
Joined: Sun Sep 26, 2004 6:15 pm

Re: iexplorer 7 and cmsmadesimple

Post by Greg »

Code: Select all

<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<!-- Type the title of your site here -->
<title>{site_title}</title>

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

</head>
Greg
Top
Post Reply

Return to “General Discussion”