Screen width in IE

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
User avatar
Gregor
Power Poster
Power Poster
Posts: 1874
Joined: Thu Mar 23, 2006 9:25 am

Screen width in IE

Post by Gregor »

Hello,

CMSMS works great. One question however, when I make the screen smaller in firefox, the content resizes with the screen. This does not happen when viewing the site with IE. Is there a way to solve this?

Thanks for your help!
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Screen width in IE

Post by Dr.CSS »

If you are talking about the default install pages there should be a little script call in the top for it to work with IE...

{literal}

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



#pagewrapper {width:expression(P7_MinMaxW(720,950));}
#container {height: 1%;}


{/literal}
User avatar
Gregor
Power Poster
Power Poster
Posts: 1874
Joined: Thu Mar 23, 2006 9:25 am

Re: Screen width in IE

Post by Gregor »

Thanks Mark. I'm not sure if I understand it correctly. In my Global Content Block, I see {literal} {/literal}. No code between the literal's. FYI, I run version 0.13 In the template "CSSMenu Vert 1 col" I see

Code: Select all

<!--[if IE]>
<__script__ type="text/javascript" src="modules/MenuManager/CSSMenu.js"></__script>
<![endif]-->
Do I copy your piece of code into the template???
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Screen width in IE

Post by Dr.CSS »

In the GCB you see {literal} because the code is only viewable in source mode, in the template it should say {global_content name="Iforgetritenow"} I think it's IEjavascript?
User avatar
Gregor
Power Poster
Power Poster
Posts: 1874
Joined: Thu Mar 23, 2006 9:25 am

Re: Screen width in IE

Post by Gregor »

If I look at the source in the GCB, than I see:

Code: Select all

{literal} <__script__ type="text/JavaScript"></__script> <!--
//pass min and max -measured against window width
function P7_MinMaxW(a,b){
   var nw="auto",w=document.documentElement.clientWidth;
   if(w>=b){nw=b+"px";}if(w<=a){nw=a+"px";}return nw;
}
//-->  

{/literal}
In the template it says:

Code: Select all

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

<!-- [if IE] -->
<__script__ type="text/javascript" src="modules/MenuManager/CSSMenu.js"></__script>
<!-- [endif] -->
If I resize the screen in IE, than the text is moved to a new line, and if I resize the screen any further, the text is moved belows the lmenu on the left. If you want to have a look for yourself, you can find my site @ www.uisge-beatha.eu
Post Reply

Return to “Layout and Design (CSS & HTML)”