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'>");
 }