From 9c8639640ef38bda946f425232e53b526b9406d1 Mon Sep 17 00:00:00 2001 From: chrisaga Date: Sat, 29 Jul 2006 08:18:23 +0000 Subject: 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 --- template/yoga/fix-ie5-ie6.css | 22 ++++------------------ template/yoga/menubar.css | 32 +++++++++++++++++++------------- 2 files changed, 23 insertions(+), 31 deletions(-) (limited to 'template') 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; -- cgit v1.2.3