diff --git a/doc/src/index.qdoc b/doc/src/index.qdoc
index aaee5f8..1bdb814 100644
--- a/doc/src/index.qdoc
+++ b/doc/src/index.qdoc
@@ -17,10 +17,11 @@
     <table><tr>
     <td><img src="images/linechart.png" alt="linechart" /></td>
     <td><img src="images/chartview_example_bar.jpg " alt="barchart" /></td>
-    <td><img src="images/chartview_example_pie.jpg " alt="piechart" /></td>
     </tr>
     <tr>
     <td><img src="images/chartview_example.jpg " alt="linechart" /></td>
+    <td><img src="images/chartview_example_pie.jpg " alt="piechart" /></td>
+    </tr><tr>
     <td><img src="images/chartview_example_scatter.jpg " alt="scatterchart" /></td>
     <td><img src="images/chartview_example_theme.jpg " alt="themechart" /></td>
     </tr>
diff --git a/doc/style/offline.css b/doc/style/offline.css
index 56ff06b..484fe88 100644
--- a/doc/style/offline.css
+++ b/doc/style/offline.css
@@ -3,10 +3,12 @@
 
     .qchart
     {
-	width: 80%;
+	width:1000px;
 	margin-left: auto;
 	margin-right: auto;
 	margin-top: 50px;
+        max-width:100%;
+	overflow-x: auto;
     }
 
     .qchart img
@@ -16,13 +18,16 @@
 
     .qchart table
     { 
-     	margin-top: 50px;
+      width:1000px;
+      margin-top: 50px;
+      max-width:100%;
     }
 
 /* basic elements */
     html
     {
         color: #000000;
+	min-width: 1000px;
         background: #FFFFFF;
     }
     table