fixed footer css

threadhead · Mar 13, 2009 · 2bed7f6 · 2bed7f6
1 parent e85069c
commit 2bed7f6
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 16 deletions.
diff --git a/public/style/style.css b/public/style/style.css
@@ -3,6 +3,7 @@
 	http://localhost:4567/style/style.css
 */
 
+* html { width: 100%;}
 body {
 	font: 100% Verdana, "Lucida Grande", Lucida, sans-serif;
 }
@@ -15,20 +16,37 @@ h3 {
 	font-size: 1.2em;
 }
 
+#container {
+	width: 100%;
+	display: block;
+	position: absolute;
+	min-height: 100%;
+	}
+
+#content {
+	display: block;
+	margin-bottom: 3em;
+	}
+
+
 #log_text {
 	font: .7em Courier, sans-serif;
 	margin-left: 10px;
-	padding-left: 20px;
 	padding-right: 20px;
 	margin-top: 18px;
 	margin-bottom: 6px;
 }
 
 #log_text p {
 	text-indent: -10px;
+	padding-left: 20px;
 	padding-bottom: 4px;
 	padding-top: 1px;
-	border-bottom: 1px solid #eee;
+}
+
+.log_divider {
+	border-bottom: 1px dotted #eee;
+	display: block;
 }
 
 #header {
@@ -43,32 +61,23 @@ p#logo_caption {
 	font: italic .9em "Courier New", Courier, mono;
 }
 
+img#logo {
+	float: right;
+}
+
 #info-bar {
 	background-color: #4c4c4c;
 	color: #fff;
 	padding: 12px;
 	font-size: .8em;
 }
 
-#path-info {
-
-}
-
-img#logo {
-	float: right;
-}
-
 #log_select {
 	float: right;
 	width: 152px;
 	text-align: right;
 }
 
-#process_control {
-	float: right;
-	width: 300px;
-}
-
 #path-info {
 	width: 500px;
 }
@@ -78,8 +87,13 @@ img#logo {
 }
 
 #footer {
+	height: 3em;
 	text-align: right;
 	border-top: 8px solid #4c4c4c;
+	position: absolute;
+	display: block;
+	bottom: 0;
+	width: 100%;
 }
 
 #footer_contents {

diff --git a/views/log.erb b/views/log.erb
@@ -13,10 +13,11 @@
 </head>
 
 <body>
+<div id="container">
 	<div class="clearfix" id="header">
 		<img id="logo" src="/images/console.png">
 		<h1>Sinatra-Tailer</h1>
-		<p id="logo_caption">chasing tail since 1985</p>
+		<p id="logo_caption">chasing tail since 1984</p>
 	</div>
 
 	<div class="clearfix" id="info-bar">
@@ -36,5 +37,6 @@
 		<button type="button" id="start-stop">stop</button>
 	</div>
 	</div>
+</div>
 </body>
 </html>
diff --git a/views/log_text.erb b/views/log_text.erb
@@ -1,3 +1,4 @@
 <% @log_text.each do |line| %>
 	<p><%= line %></p>
+	<div class="log_divider"></div>
 <% end %>