Personal tools
Views

FAQ/Layout and Design/Page Width

From CMSMS

This page in: English - Deutsch - Français - Svenska - Русский - Norsk - Polski - Nederlands - Español - Lietuvių

How to Change the Width of Your Site

The default template and style sheets constrain each page of your site to a maximum and minimum width. Making the browswer window wider will not cause text to reformat beyond this width, and making it narrower will cause a horizontal scroll bar to appear.

The Layout template contains the minimum and maximum width settings. Look for div#pagewrapper and set the min and max width to your liking. The default settings in the Layout Stylesheet are:

    div#pagewrapper {
        margin: 0 auto;
        max-width: 80em;
        min-width: 60em;
        padding: 0;
        text-align: left;
    }

As IE can't handle min and max width with CSS, it is set in a Global Content Block called JavaScript for IE page width. You'll need to click on Source to view the script and the relevant section is:

<style type="text/css">
#pagewrapper {width:expression(P7_MinMaxW(720,950));}
#container {height: 1%;}
</style>

In the templates you can see that Global Content Block being called at the end of the <head> tag.


This page in: English - Deutsch - Français - Svenska - Русский - Norsk - Polski - Nederlands - Español - Lietuvių