Fixed: FS#783 - display table the main DIV

Fixed: FS#655 - Resolution problem 12024x768 Px in Backend

interface/web/themes/default/css/screen/basemod.css

-@charset "UTF-8";
-/**
- * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
- *
- * (en) Screen layout for 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/),
- *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
- * @link            http://www.yaml.de
- * @package         yaml
- * @version         3.0.6
- * @revision        $Revision: 202 $
- * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
- */
-
-@media screen, projection
-{
-	/*------------------------------------------------------------------------------------------------------*/
-	
-	/**
-	* (en) Formatting YAML's  basic layout elements
-	* (de) Gestaltung des YAML Basis-Layouts
-	*/
-	
-	/* (en) Marginal areas & page background */
-	/* (de) Randbereiche & Seitenhintergrund */
-	body { background: #EEEEEE url("../../images/screen_bg.png") repeat-x top left fixed; padding: 10px 0; }
-	
-	/* (en) Centering layout in old IE-versions */
-	/* (de) Zentrierung des Layouts in alten IE-versionen */
-	body { text-align: center; }
-	#page_margins { text-align:left; margin: 0 auto; }
-	
-	/* (en) Layout: width, background, borders */
-	/* (de) Layout: Breite, Hintergrund, Rahmen */
-	#page_margins { min-width: 800px; max-width: 80%; background: #fff; }
-	#page{ padding: 10px; }
-	
-	/* (en) Designing main layout elements */
-	/* (de) Gestaltung der Hauptelemente des Layouts */
-	#header {
-	 color: #faf0e6;
-	 padding: 15px 2em 1em 20px;
-	 background: #9a9a9a url(../../images/header_bg.png) repeat-x top left;
-	}
-	
-	/* (en) Text Alignment for #topnav content */
-	/* (de) Textausrichtung für #topnav Inhalte */
-	#topnav { text-align: left; } 
-	
-	/* (en) Absolute positioning only within #header */
-	/* (de) Absolute Positionierung erfolgt nur innerhalb von #header */
-	#header #topnav {
-	 position: absolute;
-	 top: 0px;
-	 left: 0px;
-	}
-	
-	/* (en) Text Alignment for #topnav content */
-	/* (de) Textausrichtung für #topnav Inhalte */
-	#topsubnav { text-align: right; } 
-	
-	/* (en) Absolute positioning only within #header */
-	/* (de) Absolute Positionierung erfolgt nur innerhalb von #header */
-	#header #topsubnav {
-	 position:absolute;
-	 top: 10px;
-	 right: 10px;
-	}
-	
-	/* (en) adjustment of main navigation */
-	/* (de) Anpassung der Hauptnavigation */
-	#nav ul { margin-left: 200px; }
-	#nav_main { background: #9a9a9a repeat-x top left; }
-	
-	#main { background: #fff;padding:10px 0; }
-	
-	#footer { 
-	 color:#666; 
-	 background: #f9f9f9;
-	 padding: 10px 20px;
-	 border-top: 5px #efefef solid;
-	 font-size: 0.8em;
-	 text-align: center;
-	}
-	
-	/*------------------------------------------------------------------------------------------------------*/
-	
-	/**
-	* (en) Formatting content container
-	* (de) Formatierung der Inhalts-Container
-	*
-	* |-------------------------------|
-	* | #header                       |
-	* |-------------------------------|
-	* | #col1   | #col3     | #col2   |
-	* | 25%     | flexible  | 25%     |
-	* |-------------------------------|
-	* | #footer                       |
-	* |-------------------------------|
-	*/
-	
-	
-	#col1 { width: 25%; }
-	#col1_content { padding: 10px 10px 10px 20px; }
-	
-	#col2 { width: 25%; }
-	#col2_content { padding: 10px 20px 10px 10px; }
-	
-	#col3 { margin: 0 25%; }
-	#col3_content { padding: 10px; }
-	
-	/*------------------------------------------------------------------------------------------------------*/
-}
+@charset "UTF-8";
+/**
+ * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
+ *
+ * (en) Screen layout for 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/),
+ *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
+ * @link            http://www.yaml.de
+ * @package         yaml
+ * @version         3.0.6
+ * @revision        $Revision: 202 $
+ * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
+ */
+
+@media screen, projection
+{
+	/*------------------------------------------------------------------------------------------------------*/
+	
+	/**
+	* (en) Formatting YAML's  basic layout elements
+	* (de) Gestaltung des YAML Basis-Layouts
+	*/
+	
+	/* (en) Marginal areas & page background */
+	/* (de) Randbereiche & Seitenhintergrund */
+	body { background: #EEEEEE url("../../images/screen_bg.png") repeat-x top left fixed; padding: 10px 0; }
+	
+	/* (en) Centering layout in old IE-versions */
+	/* (de) Zentrierung des Layouts in alten IE-versionen */
+	body { text-align: center; }
+	#page_margins { text-align:left; margin: 0 auto; }
+	
+	/* (en) Layout: width, background, borders */
+	/* (de) Layout: Breite, Hintergrund, Rahmen */
+	#page_margins { min-width: 980px; max-width: 80%; background: #fff; display: table;}
+	#page{ padding: 10px; }
+	
+	/* (en) Designing main layout elements */
+	/* (de) Gestaltung der Hauptelemente des Layouts */
+	#header {
+	 color: #faf0e6;
+	 padding: 15px 2em 1em 20px;
+	 background: #9a9a9a url(../../images/header_bg.png) repeat-x top left;
+	}
+	
+	/* (en) Text Alignment for #topnav content */
+	/* (de) Textausrichtung für #topnav Inhalte */
+	#topnav { text-align: left; } 
+	
+	/* (en) Absolute positioning only within #header */
+	/* (de) Absolute Positionierung erfolgt nur innerhalb von #header */
+	#header #topnav {
+	 position: absolute;
+	 top: 0px;
+	 left: 0px;
+	}
+	
+	/* (en) Text Alignment for #topnav content */
+	/* (de) Textausrichtung für #topnav Inhalte */
+	#topsubnav { text-align: right; } 
+	
+	/* (en) Absolute positioning only within #header */
+	/* (de) Absolute Positionierung erfolgt nur innerhalb von #header */
+	#header #topsubnav {
+	 position:absolute;
+	 top: 10px;
+	 right: 10px;
+	}
+	
+	/* (en) adjustment of main navigation */
+	/* (de) Anpassung der Hauptnavigation */
+	#nav ul { margin-left: 200px; }
+	#nav_main { background: #9a9a9a repeat-x top left; }
+	
+	#main { background: #fff;padding:10px 0; }
+	
+	#footer { 
+	 color:#666; 
+	 background: #f9f9f9;
+	 padding: 10px 20px;
+	 border-top: 5px #efefef solid;
+	 font-size: 0.8em;
+	 text-align: center;
+	}
+	
+	/*------------------------------------------------------------------------------------------------------*/
+	
+	/**
+	* (en) Formatting content container
+	* (de) Formatierung der Inhalts-Container
+	*
+	* |-------------------------------|
+	* | #header                       |
+	* |-------------------------------|
+	* | #col1   | #col3     | #col2   |
+	* | 25%     | flexible  | 25%     |
+	* |-------------------------------|
+	* | #footer                       |
+	* |-------------------------------|
+	*/
+	
+	
+	#col1 { width: 25%; }
+	#col1_content { padding: 10px 10px 10px 20px; }
+	
+	#col2 { width: 25%; }
+	#col2_content { padding: 10px 20px 10px 10px; }
+	
+	#col3 { margin: 0 25%; }
+	#col3_content { padding: 10px; }
+	
+	/*------------------------------------------------------------------------------------------------------*/
+}