Page 1 of 1
Стандартный шаблон. Ширина 100% Как?
Posted: Mon Sep 15, 2008 1:40 pm
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 нет. Куда копать, подскажите, пожалуйста?
Спасибо
Re: Стандартный шаблон. Ширина 100% Как?
Posted: Mon Sep 15, 2008 2:06 pm
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 */
этот самый скрипт находится в темплейте, там и можно указать величину "растяжки" (правда не тестировал как он среагирует на процентную величину)
Re: Стандартный шаблон. Ширина 100% Как?
Posted: Sat Sep 20, 2008 2:14 pm
by metarad
ilia3d wrote:
потому что:
Code: Select all
/* IE wont understand these, so we will use javascript magick */
этот самый скрипт находится в темплейте, там и можно указать величину "растяжки" (правда не тестировал как он среагирует на процентную величину)
А как называется скрипт? Где менять ширину? Куда копать?
Re: Стандартный шаблон. Ширина 100% Как?
Posted: Sat Sep 20, 2008 9:40 pm
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 -->