From a26def6ce5b86e19cabdea52b3f1bb68929fd519 Mon Sep 17 00:00:00 2001
From: julia <>
Date: Sat, 29 Mar 2008 15:58:13 +0000
Subject: [PATCH] Layout breaks under 1024x768 : fixbug

---
 telemeta/htdocs/css/telemeta.css         | 23 ++++++++++++++++++-----
 telemeta/htdocs/css/telemeta_ie.css      | 15 +++++++--------
 telemeta/htdocs/css/telemeta_ie6.css     | 11 +++++++++++
 telemeta/templates/mediaitem_detail.html |  2 +-
 4 files changed, 37 insertions(+), 14 deletions(-)
 create mode 100644 telemeta/htdocs/css/telemeta_ie6.css

diff --git a/telemeta/htdocs/css/telemeta.css b/telemeta/htdocs/css/telemeta.css
index 4c77c015..3d46d7ba 100644
--- a/telemeta/htdocs/css/telemeta.css
+++ b/telemeta/htdocs/css/telemeta.css
@@ -32,6 +32,11 @@ h3 {
     clear: both;
     height: 5px;
 }
+/* Min-width */
+#content, #header, #submenu {
+    min-width: 740px;
+}
+
 #content {
     position: relative;
     margin-bottom: 2em;
@@ -66,7 +71,10 @@ h3 {
     margin: 5px 0 0;
 }
 #submenu h3, #submenu div {
-    height: 1.6em;
+    min-height: 1.6em;
+}
+#submenu h3 {
+    margin-right: 80px;
 }
 #submenu div {
     position: absolute;
@@ -83,6 +91,7 @@ h3 {
     position: relative;
     margin-right: 345px;
     min-height: 450px;
+    min-width: 400px;
 }
 #rightcol {
     clear: both;
@@ -347,21 +356,24 @@ label.disabled { color: #d7d7d7 }
 /* Definition list */
 dl {
     position: relative;
-    margin: 0;
-    margin-bottom: .5em;
+    margin: .5em 0;
 }
 /* ie5 mac \*/
 dt { clear: both; }
 /* end hack */
 dl dt, dl dd {
     position: relative;
-    float: left;
     margin: 0;
     margin-bottom: .5em;
     padding: 0;
     font-size: 0.8em;
+    line-height: 1.4em;
+    min-height: 1.4em;
 }
 dl.listing dt {
+    clear: both;
+    border: 1px solid transparent;
+    float: left;
     width: 18em;
     background-color: #f9f9f9;
     border: 1px solid #eee;
@@ -371,8 +383,9 @@ dl.listing dt {
     color: #444;
 }
 dl.listing dd {
-    width: 70%;
+    margin-left: 19.4em;
     font-weight: bold;
+    border: 1px solid transparent;
 }
 
 /* dublin core display */
diff --git a/telemeta/htdocs/css/telemeta_ie.css b/telemeta/htdocs/css/telemeta_ie.css
index 8792fb62..1f291c3e 100644
--- 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 {
+    clear: both;
+    margin-top: .4em;
+}
+dl.listing dd {
+    margin-top: .2em;
+    border-color: #fff;
 }
\ 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
index 00000000..a8415e58
--- /dev/null
+++ b/telemeta/htdocs/css/telemeta_ie6.css
@@ -0,0 +1,11 @@
+/* Min-width */
+#leftcol {
+    height: 450px;
+    width: 400px;
+}
+#content, #header, #submenu {
+    width: 740px;
+}
+#submenu h3, #submenu div {
+    height: 1.6em;
+}
\ No newline at end of file
diff --git a/telemeta/templates/mediaitem_detail.html b/telemeta/templates/mediaitem_detail.html
index a385625e..7f17733a 100644
--- 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>
                 <dt>Ethnie/ Groupe social</dt><dd>{{ item.ethnie_grsocial }}</dd>
                 <dt>Aire culturelle</dt><dd>{{ item.aire_geo_cult }}</dd>
-                <dt>Contexte ethnographique</dt><dd><!-- champ ? --></dd>
+                <dt class="group">Contexte ethnographique</dt>
                 <dt>Mots clés</dt><dd>{{ item.fonction_usage }}</dd>
                 <dt>Commentaires</dt><dd>{{ item.comm_fonctusage }}</dd>
                 </dl>
-- 
2.39.5