Change global document layout

Use a document-wide table for the main layout

Signed-off-by: Lars Hjemli <larsh@slaptop.hjemli.net>

2 files changed, 16 insertions, 12 deletions

diff --git a/cgit.css b/cgit.css
index d2c0d0b..63acd78 100644
--- a/cgit.css
+++ b/cgit.css
@@ -5,3 +5,3 @@ body {
 	padding: 0em;
-	margin: 0.5em 1em;
+	margin: 0em;
 }
@@ -50,4 +50,8 @@ img {
 }
-
-div#header {
+table#layout {
+	width: 100%;
+	border-collapse: collapse;
+	margin: 0px;
+}
+td#header {
 	background-color: #ddd;
@@ -56,7 +60,6 @@ div#header {
 	font-weight: bold;
-	border: solid 1px #aaa;
+	border-bottom: solid 1px #aaa;
 	vertical-align: middle;
-	margin-bottom: 2em;
 }
-div#header img#logo {
+td#header img#logo {
 	float: right;
@@ -64,3 +67,3 @@ div#header img#logo {
 
-div#header input {
+td#header input {
 	float: right;
@@ -68,3 +71,3 @@ div#header input {
 }
-div#header a {
+td#header a {
 	color: black;
@@ -72,4 +75,4 @@ div#header a {
 
-div#content {
-	margin: 0.5em 0.5em;
+td#content {
+	padding: 1em 0.5em;
 }
diff --git a/ui-shared.c b/ui-shared.c
index bebd3e0..6300516 100644
--- a/ui-shared.c
+++ b/ui-shared.c
@@ -109,2 +109,3 @@ void cgit_print_docend()
 {
+	html("</td></tr></table>");
 	html("</body>\n</html>\n");
@@ -114,3 +115,3 @@ void cgit_print_pageheader(char *title, int show_search)
 {
-	html("<div id='header'>");
+	html("<table id='layout'><tr><td id='header'>");
 	htmlf("<a href='%s'>", cgit_logo_link);
@@ -137,3 +138,3 @@ void cgit_print_pageheader(char *title, int show_search)
 		html("</a>");
-	html("</div>");
+	html("</td></tr><tr><td id='content'>");
 }