From d1ce63b2ea6070c2c2a1907d0aad710acaf60bca Mon Sep 17 00:00:00 2001
From: tbrehm <t.brehm@ispconfig.org>
Date: Wed, 27 Oct 2010 11:22:20 -0400
Subject: [PATCH] Fixed: FS#1170 - Google Crome Pagewidth Issue
---
interface/web/themes/default_no_navimg/templates/main.tpl.htm | 8 ++++++++
interface/web/themes/default/templates/main.tpl.htm | 8 ++++++++
interface/web/themes/default/css/screen/basemod.css | 8 +++++++-
interface/web/themes/default_64_navimg/templates/main.tpl.htm | 8 ++++++++
4 files changed, 31 insertions(+), 1 deletions(-)
diff --git a/interface/web/themes/default/css/screen/basemod.css b/interface/web/themes/default/css/screen/basemod.css
index 13b006a..9498535 100644
--- a/interface/web/themes/default/css/screen/basemod.css
+++ b/interface/web/themes/default/css/screen/basemod.css
@@ -37,7 +37,13 @@
/* (de) Layout: Breite, Hintergrund, Rahmen */
/*#page_margins { min-width: 980px; max-width: 80%; background: #fff;}*/
/* #page_margins { min-width: 980px; max-width: 80%; background: #fff; display: inline-block;}*/
- #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_margins { min-width: 980px; max-width: 80%; background: #fff; display: table;}*/
+
#page{ padding: 10px; }
/* (en) Designing main layout elements */
diff --git a/interface/web/themes/default/templates/main.tpl.htm b/interface/web/themes/default/templates/main.tpl.htm
index d27f64f..160b2d6 100644
--- a/interface/web/themes/default/templates/main.tpl.htm
+++ b/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">
diff --git a/interface/web/themes/default_64_navimg/templates/main.tpl.htm b/interface/web/themes/default_64_navimg/templates/main.tpl.htm
index 2092382..63d0fce 100644
--- a/interface/web/themes/default_64_navimg/templates/main.tpl.htm
+++ b/interface/web/themes/default_64_navimg/templates/main.tpl.htm
@@ -59,6 +59,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">
diff --git a/interface/web/themes/default_no_navimg/templates/main.tpl.htm b/interface/web/themes/default_no_navimg/templates/main.tpl.htm
index 6bcf70d..31e2b85 100644
--- a/interface/web/themes/default_no_navimg/templates/main.tpl.htm
+++ b/interface/web/themes/default_no_navimg/templates/main.tpl.htm
@@ -59,6 +59,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">
--
Gitblit v1.9.1