default theme, avoid main content jumping around by setting max. width

diff --git a/themes/default/stylesheet.css b/themes/default/stylesheet.css
index c57c8a98f862014f9c7efb5d3729319d020741e1..eae8f4aa4db409f4e2f4eb2c19267e3fbef01ddb 100644 (file)
--- a/themes/default/stylesheet.css
+++ b/themes/default/stylesheet.css
@@ -133,23 +133,23 @@ a.thumblink:hover {
 #single {\r
    padding:                10px;\r
    display:                table;\r
-   margin-left:            10px;\r
-   margin-right:           10px;\r
    table-layout:           fixed;\r
    border:                 hidden;\r
    border-spacing:         10px;\r
    border-collapse:        separate;\r
+   margin-left:            auto;\r
+   margin-right:           auto;\r
 }\r
 \r
 table.matrix {\r
    padding:                10px;\r
    display:                table;\r
-   margin-left:            5px;\r
-   margin-right:           10px;\r
    table-layout:           fixed;\r
    border-style:           hidden;\r
    border-spacing:         10px;\r
    border-collapse:        separate;\r
+   margin-left:            auto;\r
+   margin-right:           auto;\r
 }\r
 \r
 td.thumb {\r

diff --git a/themes/default/templates/index.tpl b/themes/default/templates/index.tpl
index 72a5ef091451730f3bd47f95963fea52e76756ad..d07554e7c69e2e10cb91d791d7d1de18936f4f0f 100644 (file)
--- a/themes/default/templates/index.tpl
+++ b/themes/default/templates/index.tpl
@@ -32,7 +32,7 @@
       </tr>
      </table>
     </td>
-    <td class="content">
+    <td class="content" style="width: 100%;">
      <div id="content">
       {include file="welcome.tpl"}
      </div>

diff --git a/themes/default/templates/photo_index.tpl b/themes/default/templates/photo_index.tpl
index 462163df2929334a3c42767cbadfc39bbced98f2..9ceb0dc9f10a97851d15453c9cedeb14b08f867e 100644 (file)
--- a/themes/default/templates/photo_index.tpl
+++ b/themes/default/templates/photo_index.tpl
@@ -44,7 +44,7 @@
   </td>
  </tr>
  <tr>
-  <td colspan="3">
+  <td colspan="3" style="width: 100%;">
    <div id="adinfo"></div>
    <table class="matrix" id="matrix">
    {section name="row" loop=$rows step=1}

diff --git a/themes/default/templates/single_photo.tpl b/themes/default/templates/single_photo.tpl
index 22d8ca21f4bf8743ef8c481b7854784c90c29304..d80a0067d7dc91a0050830e7d5de31e69cd8cfb0 100644 (file)
--- a/themes/default/templates/single_photo.tpl
+++ b/themes/default/templates/single_photo.tpl
@@ -1,5 +1,5 @@
 <!-- Single photo -->
-<table>
+<table style="width: 100%;">
  <tr>
   <td class="content_title" style="text-align: left;">
    <b>Photo {$image_name}</b><br />
@@ -26,9 +26,9 @@
   </td>
  </tr>
  <tr>
-  <td>
+  <td style="width: 100%;">
    <div id='single'>
-   <table>
+   <table class="matrix">
     <tr>
      <td colspan="3">
      { if $next_url == "" }
@@ -68,7 +68,7 @@
    </table>
    </div>
   </td>
-  <td style="width: 150px; padding-top: 20px;">
+  <td style="width: 150px; padding-top: 20px; padding-right: 20px">
    <div id="photo_details">
    { if $ExifMadeWith }
    <u><img src="resources/camera.png" alt="camera icon" />&nbsp;Image taken with:</u><br />

diff --git a/themes/default/templates/welcome.tpl b/themes/default/templates/welcome.tpl
index 9845755ee7ff080ccd54ecc83b4747ec9802ea8c..fa8d80eade1b5618f26a0083d221350b02a20f5c 100644 (file)
--- a/themes/default/templates/welcome.tpl
+++ b/themes/default/templates/welcome.tpl
@@ -1,5 +1,5 @@
 <!-- welcome -->
-<table>
+<table style="width: 100%;">
  <tr>
   <td class="index_header" style="text-align: left;">
    phpfspot welcomes you to a dynamic photo gallery for <a href="http://f-spot.org" target="_blank">F-Spot</a><br />
@@ -7,7 +7,7 @@
  </tr>
  <tr>
   <td>
-   <div id='single'>
+   <div style="padding: 10px; display: table; margin-left: 10px; margin-right: 10px; table-layout: fixed; border: hidden; border-spacing: 10px; border-collapse: separate;">
    <table>
     <tr>
      <td>