left-align tabs

3 files changed, 17 insertions, 26 deletions

diff --git a/classic.css b/classic.css
index cb7f969..6f7603e 100644
--- a/classic.css
+++ b/classic.css
@@ -156,19 +156,18 @@ html {
 	background: #CCCCD3;
 	color: black;
 }
-
-#main {
+#main{
+	margin-left: auto;
+	margin-right:auto; 
+	display:table;
+}
+#content {
 	background: white;
 	padding: 2em;
 	color: black;
 	border: solid 1px black;
 	top: 0px;
 	margin-top: 0px;
-	margin-left: auto;
-	margin-right:auto;
-	width:auto;
-	display: table;
-	min-width: 55em;
 }
 
 .textcolumn{
@@ -182,11 +181,7 @@ html {
 	font-size:small;
 }
 
-div#tabs{
-	text-align: center
-}
-
-body#main, div#tabs ul{
+div#tabs ul{
 	margin-top: 2em;
 }
 
diff --git a/default.css b/default.css
index 53984ad..621184e 100644
--- a/default.css
+++ b/default.css
@@ -173,19 +173,18 @@ html {
 	color: #000;
 	font-family: Arial, Helvetica, sans-serif;
 }
-
-#main {
+#main{
+	margin-left: auto;
+	margin-right:auto; 
+	display:table;
+}
+#content {
 	background: #fff;
 	padding: 2em;
 	color: #000;
 	border: solid 1px #000;
 	top: 0px;
 	margin-top: 0px;
-	margin-left: auto;
-	margin-right:auto;
-	width:auto;
-	display: table;
-	min-width: 55em;
 }
 
 .textcolumn, .shorttextcolumn{
@@ -204,11 +203,7 @@ html {
 	font-size:small;
 }
 
-div#tabs{
-	text-align: center;
-}
-
-body#main, div#tabs ul{
+div#tabs ul{
 	margin-top: 2em;
 }
 
diff --git a/dudle.rb b/dudle.rb
index bb09fd9..829b8b0 100644
--- a/dudle.rb
+++ b/dudle.rb
@@ -99,14 +99,15 @@ class Dudle
 <div id='header1'></div>
 <div id='header2'></div>
 <div id='header3'></div>
-#{tabs(htmltitle)}
 <div id='main'>
+#{tabs(htmltitle)}
+<div id='content'>
 	<h1>#{@title}</h1>
 HEAD
 	end
 
 	def out(cgi)
-		@html << "</div></body>"
+		@html << "</div></div></body>"
 		@html.out(cgi)
 	end