use html5 <footer> element

[syj.git] / public / css / list.css

diff --git a/public/css/list.css b/public/css/list.css
index 4f87230a49d908633f8ccc6f2b65da1e6353c7c1..c2feb52883f48b9707923855439a186b3a0b3757 100644 (file)
--- a/public/css/list.css
+++ b/public/css/list.css
@@ -1,6 +1,6 @@
 .item {
     float: left;
-    width: 240px;
+    width: 250px;
     margin: 0px 10px 10px 10px;
 }
 
@@ -9,9 +9,12 @@
     border: 1px solid black;
     width: 100px;
     height: 100px;
-    margin: 0 10px 6px 0;
+    margin: 0 4px 6px 0;
     position: relative;
 }
+.control-link {
+    margin-bottom: 1em;
+}
 
 .map {
     position: absolute;
@@ -20,7 +23,8 @@
 }
 
 .title {
-    height: 2em;
+    *margin-top: -1em; /* in ie <=7, .control-link margin-bottom "pushes" .title */
+    height: 32px;
     clear: left;
 }
 
@@ -32,7 +36,7 @@
     text-align: center;
 }
 
-#footer {
+footer {
     position: fixed;
     z-index: 2000;
     background-color: white;
@@ -63,3 +67,9 @@
     border-radius: 5px;
 }
 
+#other-language {
+    margin: 10px 10px 20px 20px;
+    /* .item: 108px +.title: 32px + margin-bottom: 10px => 150px */
+    /* margin: 30px + padding: 10px => height = 150 - 40 */
+    height: 110px;
+}