tbrehm
2009-10-25 bd25d28570bfc96d323c03e1bc4a9f5d90bedee7
Fixed: FS#940 - Interface is squished in Google Chrome
2 files modified
15 ■■■■ changed files
interface/web/themes/default/css/screen/basemod.css 7 ●●●● patch | view | raw | blame | history
interface/web/themes/default/templates/main.tpl.htm 8 ●●●●● patch | view | raw | blame | history
interface/web/themes/default/css/screen/basemod.css
@@ -3,7 +3,7 @@
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML - ISPConfig 3: default theme
 * (de) Bildschirmlayout für YAML - ISPConfig 3: default theme
 * (de) Bildschirmlayout fr YAML - ISPConfig 3: default theme
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
@@ -35,7 +35,10 @@
    
    /* (en) Layout: width, background, borders */
    /* (de) Layout: Breite, Hintergrund, Rahmen */
    #page_margins { min-width: 980px; max-width: 80%; background: #fff; display: table;}
    /*WARNING: ADded a overrode for this setting in main.tpl with javascript to target non chrome browsers,
    This has to be changed too in case that page_margins get changed. Reason: Chrome does not support the
    display: table; attribute correctly*/
    #page_margins { min-width: 980px; max-width: 80%; background: #fff;}
    #page{ padding: 10px; }
    
    /* (en) Designing main layout elements */
interface/web/themes/default/templates/main.tpl.htm
@@ -58,6 +58,14 @@
    <script type="text/javascript" src="js/scrigo.js.php"></script>
    <script type="text/javascript" src="js/uni-form/jquery.js"></script>
    <script type="text/javascript" src="js/uni-form/uni-form.jquery.js"></script>
    <script language="JavaScript" type="text/javascript">
        var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
        if(!is_chrome) {
            var style = document.createElement('style');
            style.innerHTML = '#page_margins { min-width: 980px; max-width: 80%; background: #fff; display: table;}';
            document.getElementsByTagName("head")[0].appendChild(style);
        }
    </script>
</head>
<body onload="loadInitContent()">
    <div id="page_margins">