use html5 <footer> element

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

diff --git a/public/css/list.css b/public/css/list.css
index c78f9092140e108e77435ca193580865c3515648..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,16 +9,22 @@
     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 {
-    width: 100%;
-    height: 100%;
+    position: absolute;
+    width: 100%; height: 100%;
+    top: 0; bottom: 0; right: 0; left: 0;
 }
 
 .title {
-    height: 2em;
+    *margin-top: -1em; /* in ie <=7, .control-link margin-bottom "pushes" .title */
+    height: 32px;
     clear: left;
 }
 
@@ -30,7 +36,7 @@
     text-align: center;
 }
 
-#footer {
+footer {
     position: fixed;
     z-index: 2000;
     background-color: white;
@@ -61,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;
+}