fix bug 490 (better fix) no absolute sizes for input fields, but they are shorter in IE

git-svn-id: http://piwigo.org/svn/trunk@1513 68402e56-0260-453c-a942-63ccdbb3a9ee

2 files changed, 23 insertions, 31 deletions

diff --git a/template/yoga/fix-ie5-ie6.css b/template/yoga/fix-ie5-ie6.css
index 5bf360219..044bd39e5 100644
--- a/template/yoga/fix-ie5-ie6.css
+++ b/template/yoga/fix-ie5-ie6.css
@@ -8,7 +8,7 @@ H1, #theHeader {
   width: 100%;	/* <- useless but seems to make IE6 happy */
 }
 #content {
-  height: 1em; /* for IE6 it's like min-height */
+  height: 1em;	/* for IE6 it's like min-height */
 }
 
 /* some theme set a border on INPUT  which is not pretty for those */
@@ -18,7 +18,7 @@ INPUT.radio, INPUT.checkbox {
 
 /* fix category thumbnails on main page */
 #content UL.thumbnailCategories {
-  width: 99%; /* buggy IE box model */
+  width: 99%;	/* buggy IE box model */
 }
 
 /* fix tag clouds : IE doesn't like anything but inline */
@@ -28,20 +28,6 @@ INPUT.radio, INPUT.checkbox {
 }
 
 /* fix quickconnect layout */
-FORM#quickconnect UL.actions {
-  width: 30px;	/* <= get icons not so badly positionned */
+FORM#quickconnect FIELDSET {
+  width: 99%;	/* correct an ugly 1 or 2 px misalignement with IE */
 }
-
-FORM#quickconnect INPUT.text,
-FORM#quickconnect INPUT.password,
-FORM#quickconnect INPUT.submit {
-  position: relative;
-  left: -0.5em;	/* definitively a bug ! */
-}
-
-FORM#quickconnect INPUT.text,
-FORM#quickconnect INPUT.password {
-  width: 10em;
-}
-
-
diff --git a/template/yoga/menubar.css b/template/yoga/menubar.css
index d7bcced0b..696e9b128 100644
--- a/template/yoga/menubar.css
+++ b/template/yoga/menubar.css
@@ -52,10 +52,6 @@
     margin: 10px auto;
     width: 90%;
 }
-#menubar FORM P {
-    margin: 5px;
-    font-size: 100%;
-}
 #menubar INPUT {
     text-indent: 2px;
 }
@@ -69,11 +65,11 @@ FORM#quickconnect {
 FORM#quickconnect FIELDSET {
   margin: 0;
   padding: 0 0 0.5em 0;
-  overflow: hidden;	/* Correct float issue with Opera 7.5 */
-  width: 100%;		/*        //			      */
 }
 
 FORM#quickconnect P {
+  margin-left: 0;
+  font-size: 100%;
   float: left;
   clear: left;
 }
@@ -93,20 +89,30 @@ FORM#quickconnect FIELDSET>UL.actions {
 }
 
 FORM#quickconnect UL.actions,
-FORM#quickconnect P, 
+FORM#quickconnect P,
 FORM#quickconnect LABEL {
-  margin: 0 0.5em 0 0.5em;
+  padding: 0 0.5em 0 0.5em;
+}
+
+FORM#quickconnect LABEL {
+  margin:0;
+  width: 100%;
+ /* -moz-box-sizing: padding-box;*/
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
 }
 
 FORM#quickconnect INPUT[type=text],
 FORM#quickconnect INPUT[type=password] {
-  width: 16.5em;
+  width: 100%;	/* mozilla can handle 100% */
 }
-
-FORM#quickconnect INPUT.text,
+/* same as above for IE with inputfix.htc              */
+/* unfortunately IE doesn't handle that correctly      */
+/* so you should set a width in em in local_layout.css */
+/*FORM#quickconnect INPUT.text,
 FORM#quickconnect INPUT.password {
-  width: 16.5em;		/* <= same as above for IE with inputfix.htc */
-}
+  width: 95%;
+}*/
 
 #menubar #menuTagCloud {
   text-align: center;