Layout breaks under 1024x768 : fixbug

diff --git a/telemeta/htdocs/css/telemeta.css b/telemeta/htdocs/css/telemeta.css
index 4c77c0152a506cfc2a0175ce358abeb7982af5b9..3d46d7bacde43567c1c5a8553751582929520ff5 100644 (file)
--- a/telemeta/htdocs/css/telemeta.css
+++ b/telemeta/htdocs/css/telemeta.css
@@ -32,6 +32,11 @@ h3 {
     clear: both;\r
     height: 5px;\r
 }\r
+/* Min-width */\r
+#content, #header, #submenu {\r
+    min-width: 740px;\r
+}\r
+\r
 #content {\r
     position: relative;\r
     margin-bottom: 2em;\r
@@ -66,7 +71,10 @@ h3 {
     margin: 5px 0 0;\r
 }\r
 #submenu h3, #submenu div {\r
-    height: 1.6em;\r
+    min-height: 1.6em;\r
+}\r
+#submenu h3 {\r
+    margin-right: 80px;\r
 }\r
 #submenu div {\r
     position: absolute;\r
@@ -83,6 +91,7 @@ h3 {
     position: relative;\r
     margin-right: 345px;\r
     min-height: 450px;\r
+    min-width: 400px;\r
 }\r
 #rightcol {\r
     clear: both;\r
@@ -347,21 +356,24 @@ label.disabled { color: #d7d7d7 }
 /* Definition list */\r
 dl {\r
     position: relative;\r
-    margin: 0;\r
-    margin-bottom: .5em;\r
+    margin: .5em 0;\r
 }\r
 /* ie5 mac \*/\r
 dt { clear: both; }\r
 /* end hack */\r
 dl dt, dl dd {\r
     position: relative;\r
-    float: left;\r
     margin: 0;\r
     margin-bottom: .5em;\r
     padding: 0;\r
     font-size: 0.8em;\r
+    line-height: 1.4em;\r
+    min-height: 1.4em;\r
 }\r
 dl.listing dt {\r
+    clear: both;\r
+    border: 1px solid transparent;\r
+    float: left;\r
     width: 18em;\r
     background-color: #f9f9f9;\r
     border: 1px solid #eee;\r
@@ -371,8 +383,9 @@ dl.listing dt {
     color: #444;\r
 }\r
 dl.listing dd {\r
-    width: 70%;\r
+    margin-left: 19.4em;\r
     font-weight: bold;\r
+    border: 1px solid transparent;\r
 }\r
 \r
 /* dublin core display */\r

diff --git a/telemeta/htdocs/css/telemeta_ie.css b/telemeta/htdocs/css/telemeta_ie.css
index 8792fb62b480d4133a2c00891d0387e7e17c150c..1f291c3ecf88c66c5ecfbe5134eeff71371c2dd4 100644 (file)
--- a/telemeta/htdocs/css/telemeta_ie.css
+++ b/telemeta/htdocs/css/telemeta_ie.css
@@ -1,9 +1,8 @@
-dl.listing {
-    width: 68em;
-    clear: both;
-    margin-top: .4em;
-}
-dl.listing dd {
-    width: 50em;
-    margin-top: .2em;
+dl.listing {\r
+    clear: both;\r
+    margin-top: .4em;\r
+}\r
+dl.listing dd {\r
+    margin-top: .2em;\r
+    border-color: #fff;\r
 }
\ No newline at end of file

diff --git a/telemeta/htdocs/css/telemeta_ie6.css b/telemeta/htdocs/css/telemeta_ie6.css
new file mode 100644 (file)
index 0000000..a8415e5
--- /dev/null
+++ b/telemeta/htdocs/css/telemeta_ie6.css
@@ -0,0 +1,11 @@
+/* Min-width */\r
+#leftcol {\r
+    height: 450px;\r
+    width: 400px;\r
+}\r
+#content, #header, #submenu {\r
+    width: 740px;\r
+}\r
+#submenu h3, #submenu div {\r
+    height: 1.6em;\r
+}
\ No newline at end of file

diff --git a/telemeta/templates/mediaitem_detail.html b/telemeta/templates/mediaitem_detail.html
index a385625e203aab2fc9e1b1bc19a51b6c4c72841b..7f17733abe4fd36ab4f249d85f559dc6dc531d00 100644 (file)
--- a/telemeta/templates/mediaitem_detail.html
+++ b/telemeta/templates/mediaitem_detail.html
@@ -80,7 +80,7 @@
                 <dt>Région / Village</dt><dd>{{ item.region_village }}</dd>\r
                 <dt>Ethnie/ Groupe social</dt><dd>{{ item.ethnie_grsocial }}</dd>\r
                 <dt>Aire culturelle</dt><dd>{{ item.aire_geo_cult }}</dd>\r
-                <dt>Contexte ethnographique</dt><dd><!-- champ ? --></dd>\r
+                <dt class="group">Contexte ethnographique</dt>\r
                 <dt>Mots clés</dt><dd>{{ item.fonction_usage }}</dd>\r
                 <dt>Commentaires</dt><dd>{{ item.comm_fonctusage }}</dd>\r
                 </dl>\r