Стандартный шаблон. Ширина 100% Как?

Обсуждение CMS Made Simple в России.

Moderators: iturbay, wdwp

Post Reply
metarad
Forum Members
Forum Members
Posts: 37
Joined: Tue Aug 26, 2008 9:54 am

Стандартный шаблон. Ширина 100% Как?

Post by metarad »

Здравствуйте. У меня установлен CMSMadeSimple 1.4.1. В нем есть стандартный шаблон "Left simple navigation + 1 column" который меня в принципе устраивает, но я его хочу немного переделать. Мне надо чтобы дизайн сайта растягивался по ширине на 100% Как я не бился по этому поводу - ничего не выходит... Захожу в css от этого шаблона и там вижу строки:

Code: Select all

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

/* center wrapper, min max width */
div#pagewrapper {
   border: 1px solid black;
   margin: 0 auto;       /* this centers wrapper */
   max-width: 80em;   /* IE wont understand these, so we will use javascript magick */
   min-width: 60em;
   background-color: #fff;;
   color: black;
}
Я меняю значение на max-width: 100%

В Firefox дизайн растягивается на 100% а вот в Internet Explorer он таким же и остается. Даже если я вписываю значение в пикселях, то в firefox все изменяется, а в IE нет. Куда копать, подскажите, пожалуйста?

Спасибо
ilia3d

Re: Стандартный шаблон. Ширина 100% Как?

Post by ilia3d »

metarad wrote: Здравствуйте. У меня установлен CMSMadeSimple 1.4.1. В нем есть стандартный шаблон "Left simple navigation + 1 column" который меня в принципе устраивает, но я его хочу немного переделать. Мне надо чтобы дизайн сайта растягивался по ширине на 100% Как я не бился по этому поводу - ничего не выходит... Захожу в css от этого шаблона и там вижу строки:

Code: Select all

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

/* center wrapper, min max width */
div#pagewrapper {
   border: 1px solid black;
   margin: 0 auto;       /* this centers wrapper */
   max-width: 80em;   /* IE wont understand these, so we will use javascript magick */
   min-width: 60em;
   background-color: #fff;;
   color: black;
}
Я меняю значение на max-width: 100%

В Firefox дизайн растягивается на 100% а вот в Internet Explorer он таким же и остается. Даже если я вписываю значение в пикселях, то в firefox все изменяется, а в IE нет. Куда копать, подскажите, пожалуйста?

Спасибо
потому что:

Code: Select all

/* IE wont understand these, so we will use javascript magick */
этот самый скрипт находится в темплейте, там и можно указать величину "растяжки" (правда не тестировал как он среагирует на процентную величину)
metarad
Forum Members
Forum Members
Posts: 37
Joined: Tue Aug 26, 2008 9:54 am

Re: Стандартный шаблон. Ширина 100% Как?

Post by metarad »

ilia3d wrote: потому что:

Code: Select all

/* IE wont understand these, so we will use javascript magick */
этот самый скрипт находится в темплейте, там и можно указать величину "растяжки" (правда не тестировал как он среагирует на процентную величину)
А как называется скрипт? Где менять ширину? Куда копать?
ilia3d

Re: Стандартный шаблон. Ширина 100% Как?

Post by ilia3d »

metarad wrote:
ilia3d wrote: потому что:

Code: Select all

/* IE wont understand these, so we will use javascript magick */
этот самый скрипт находится в темплейте, там и можно указать величину "растяжки" (правда не тестировал как он среагирует на процентную величину)
А как называется скрипт? Где менять ширину? Куда копать?
скрипт написан прямо в стандантном темплейте - там всего три строчки, копать неглубоко ;-)
вот цитата оттуда...

Code: Select all

{literal}
<__script__ type="text/JavaScript">
<!--
//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;
}
//-->
</__script>
<!--[if lte IE 6]>
<style type="text/css">
#pagewrapper, #bannerwrapper {width:expression(P7_MinMaxW(720,950));}
#container {height: 1%;}
</style>
<![endif]-->
{/literal}
<!-- The min and max page width for Internet Explorer is set here. For other browsers it's in the stylesheet "Layout: Left sidebar + 1 column" -->


<!--[if IE]>
<__script__ type="text/javascript" src="modules/MenuManager/CSSMenu.js"></__script>
<![endif]-->
<!-- The above JavaScript is required for CSSMenu to work in IE -->
Post Reply

Return to “Russian - русский”