Permalink
Browse files

fixed footer css

  • Loading branch information...
1 parent e85069c commit 2bed7f62f2f5a87f39574d7ddc7d4e2f1020e2cc @threadhead committed Mar 13, 2009
Showing with 33 additions and 16 deletions.
  1. +29 −15 public/style/style.css
  2. +3 −1 views/log.erb
  3. +1 −0 views/log_text.erb
@@ -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 {
View
@@ -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>
View
@@ -1,3 +1,4 @@
<% @log_text.each do |line| %>
<p><%= line %></p>
+ <div class="log_divider"></div>
<% end %>

0 comments on commit 2bed7f6

Please sign in to comment.