bug-1_3_0-006 : with IE/Konqueror, in "comments" pages (public part and admin part), ends of comment boxes are cut.

git-svn-id: http://piwigo.org/svn/branches/release-1_3@291 68402e56-0260-453c-a942-63ccdbb3a9ee

2 files changed, 161 insertions, 172 deletions

diff --git a/template/default/comments.vtp b/template/default/comments.vtp
index f7fad81f8..1c729ee74 100644
--- a/template/default/comments.vtp
+++ b/template/default/comments.vtp
@@ -23,18 +23,15 @@
 <div style="border:2px solid gray;margin:2px;padding:2px;">
   <table style="width:100%;">
     <tr>
-     <td valign="top" width="1px">
+     <td valign="top" style="width:15%;">
        <!-- the thumbnail of the picture, linked to the full size page -->
        <a href="{#thumb_url}" title="{#thumb_title}">
          <img src="{#thumb_src}" class="imgLink" alt="{#thumb_alt}"/>
        </a>
      </td>
-     <td style="padding:2px;">
-       <div style="font-weight:bold;padding-left:10px;">{#title}</div>
+     <td style="padding:10px;width:85%;">
+       <div style="font-weight:bold;padding-left:10px;text-align:left;">{#title}</div>
        <!--VTP_comment-->
-       <table style="width:100%;">
-         <tr>
-           <td>
              <table class="tableComment">
                <tr>
                  <td rowspan="2" valign="top" class="cellAuthor">
@@ -52,9 +49,6 @@
                  </td>
                </tr>
              </table>
-           </td>
-         </tr>
-       </table>
        <!--/VTP_comment-->
      </td>
     </tr>
diff --git a/template/default/default.css b/template/default/default.css
index 15e44e56d..9aa82e3b5 100644
--- a/template/default/default.css
+++ b/template/default/default.css
@@ -1,164 +1,159 @@
-a {
-text-decoration:none;
-}
+  a  {
+	  text-decoration : none;
+  }
+ a:hover {
+	  text-decoration : underline;
+  }
+ a.back {
+	  color : #ffffff;
+  }
+ body {
+	  font-family : arial, sans-serif;
+	  font-size : 12px;
+	  background-color : #444444;
+	  color : #ffffff;
+	  margin : 5px;
+  }
+ table , input {
+	  font-family : arial, sans-serif;
+	  font-size : 12px;
+  }
+ .imgLink {
+	  border : 1px solid #ffffff;
+  }
+ .titrePage , .titreMenu , .menu , .info, a {
+	  color : #ffffff;
+  }
+ .titreMenu , .menu , .info{
+	  margin-bottom : 5px;
+	  white-space : nowrap;
+  }
+ .menu , .titrePage , .info{
+	  margin-left : 2px;
+	  margin-right : 2px;
+  }
+ .menuInfoCat {
+	  font-family : sans-serif;
+	  font-size : 11px;
+  }
+ .totalImages {
+	  text-align : center;
+	  margin-top : 5px;
+	  font-family : sans-serif;
+	  font-size : 11px;
+  }
+ .titreMenu {
+	  font-weight : 600;
+	  text-align : center;
+  }
+ .info{
+	  text-align : right;
+  }
+ .titrePage {
+	  white-space : nowrap;
+	  font-weight : 500;
+	  font-size : 18px;
+	  text-align : center;
+  }
+ .comments , .infoCat , .navigationBar {
+	  margin-top : 10px;
+	  margin-bottom : 10px;
+  }
+ .comments {
+	  text-align : justify;
+	  font-style : italic;
+  }
+ .navigationBar {
+	  text-align : center;
+  }
+ .infoCat {
+	  text-align : left;
+  }
+ .thumbnail {
+	  font-size : 11px;
+	  text-align : center;
+  }
+ .copyright {
+	  font-size : 11px;
+	  text-align : center;
+	  font-family : sans-serif;
+	  letter-spacing : 0.3mm;
+  }
+ .commentImage {
+	  font-weight : bold;
+	  text-align : center;
+	  font-size : 17px;
+  }
+ .bouton {
+	  background : #eeeeee;
+  }
+ input {
+	  border-color : #000000;
+	  background : #ffffff;
+	  color : #000000;
+  }
+ table {
+	  border-collapse : collapse;
+  }
+ table.thumbnail {
+	  border-collapse : separate;
+  }
+ td {
+	  font-family : sans-serif;
+	  padding : 0;
+  }
+ .errors {
+	  text-align : left;
+	  margin-top : 5px;
+	  margin-bottom : 5px;
+	  background-color : red;
+	  font-weight : bold;
+	  border : 1px solid black;
+	  color : white;
+  }
+ div.information {
+	  text-align : center;
+	  border : 2px solid #ffffff;
+	  margin : 10px;
+	  padding : 5px;
+  }
+ .commentsAuthor , .commentsTitle , .commentsInfos , .commentsContent , .commentsNavigationBar {
+	  color : #ffffff;
+	  font-family : arial, sans-Serif;
+	  font-size : 12px;
+  }
+ .commentsTitle , .commentsAuthor {
+	  text-align : center;
+	  font-weight : bold;
+  }
+ .commentsInfos {
+	  padding : 3px 3px 3px 10px;
+	  font-size : 11px;
+	  text-align : right;
+  }
+ .commentsContent {
+	  margin : 10px;
+  }
+ .commentsTitle {
+	  margin-top : 15px;
+  }
+ .commentsAuthor {
+	  margin : 5px;
+  }
+ .commentsNavigationBar {
+	  margin : 10px;
+  }
+ .tableComment {
+	width : 100%;
+	border : 2px solid #ffffff;
+	text-align : left;
+	padding: 10px;
+  }
+ .cellAuthor {
+	  border-right : 1px solid #ffffff;
+	  width : 20%;
+  }
+ .cellInfo{
+	  border-bottom : 1px solid #ffffff;
+  }
 
-a:hover {
-text-decoration:underline;
-}
-
-a.back {
-color: #FFFFFF;
-}
-
-body {
-font-family:arial,sans-serif;
-font-size:12px;
-background-color:#444444;
-color: #FFFFFF;
-margin:5px;
-}
-
-table,input {
-font-family:arial,sans-serif;
-font-size:12px;
-}
-
-.imgLink {
-border:1px solid #FFFFFF;
-}
-
-.titrePage,.titreMenu,.menu,.info, a {
-color:#FFFFFF;
-}
-.titreMenu,.menu,.info {
-margin-bottom:5px;
-white-space:nowrap;
-}
-.menu,.titrePage,.info {
-margin-left:2px;
-margin-right:2px;
-}
-.menuInfoCat {
-font-family:sans-serif;
-font-size:11px;
-}
-.totalImages {
-text-align:center;
-margin-top:5px;
-font-family:sans-serif;
-font-size:11px;
-}
-.titreMenu {
-font-weight:600;
-text-align:center;
-}
-.info {
-text-align:right;
-}
-.titrePage {
-white-space:nowrap;
-font-weight:500;
-font-size:18px;
-text-align:center;
-}
-.comments,.infoCat,.navigationBar {
-margin-top:10px;
-margin-bottom:10px;
-}
-.comments {
-text-align:justify;
-font-style:italic;
-}
-.navigationBar {
-text-align:center;
-}
-.infoCat {
-text-align:left;
-}
-.thumbnail {
-font-size:11px;
-text-align:center;
-}
-.copyright {
-font-size:11px;
-text-align:center;
-font-family:sans-serif;
-letter-spacing:0.3mm;
-}
-.commentImage {
-font-weight:bold;
-text-align:center;
-font-size:17px;
-}
-.bouton {
-background:#EEEEEE;
-}
-input {
-border-width:1;
-border-color:#000000;
-background:#ffffff;
-color: #000000;
-}
-table {
-border-collapse:collapse;
-}
-table.thumbnail {
-border-collapse:separate;
-}
-td {
-font-family:sans-serif;
-padding:0;
-}
-.errors {
-text-align:left;
-margin-top:5px;
-margin-bottom:5px;
-background-color:red;
-font-weight:bold;
-border:1px solid black;
-color:white;
-}
-div.information {
-text-align:center;
-border:2px solid #FFFFFF;
-margin:10px;padding:5px;
-}
-
-.commentsAuthor,.commentsTitle,.commentsInfos,.commentsContent,.commentsNavigationBar {
-        color:#FFFFFF;
-        font-family:arial,sans-Serif;
-        font-size:12px;
-      }
-      .commentsTitle,.commentsAuthor {
-        text-align:center;
-        font-weight:bold;
-      }
-      .commentsInfos {
-        margin:3px 3px 3px 10px;
-        font-size:11px;
-        text-align:right;
-      }
-      .commentsContent {
-        margin:10px;
-      }
-      .commentsTitle {
-        margin-top:15px;
-      }
-      .commentsAuthor {
-        margin:5px;
-      }
-      .commentsNavigationBar {
-        margin:10px;
-      }
-      .tableComment {
-        width:100%;
-        border:2px solid #FFFFFF;
-        margin:10px;
-      }
-      .cellAuthor {
-        border-right:1px solid #FFFFFF;
-        width:100px;
-      }
-      .cellInfo {
-        border-bottom:1px solid #FFFFFF;
-      }
\ No newline at end of file