From 6ef637e0908ca5a14675b3513f48cd390d3757fe Mon Sep 17 00:00:00 2001 From: Lars Hjemli Date: Fri, 16 Nov 2007 09:52:03 +0100 Subject: Use tables for page layout It feels like the Right Thing, and it fixes some rendering problems in a much used webbrowser. Signed-off-by: Lars Hjemli --- cgit.css | 49 +++++++++++++++++++++++++++++-------------------- ui-shared.c | 22 ++++++++++++---------- 2 files changed, 41 insertions(+), 30 deletions(-) diff --git a/cgit.css b/cgit.css index 565427f..17c2712 100644 --- a/cgit.css +++ b/cgit.css @@ -8,7 +8,7 @@ body { font-size: 10pt; color: #333; background: white; - padding-left: 4px; + padding: 4px; } table { @@ -78,29 +78,39 @@ img { border: none; } -div#sidebar { +table#layout { + border-collapse: collapse; + border: none; + margin: 0px; +} + +td#sidebar { vertical-align: top; width: 162px; padding: 0px 0px 0px 0px; - margin: 4px; - float: left; + margin: 0px; } -div#logo { +td#sidebar table { + border-collapse: separate; + border-spacing: 0px; margin: 0px; - padding: 4px 0px 4px 0px; - text-align: center; + padding: 0px; background-color: #ccc; +} + +td#sidebar table.sidebar td.sidebar { + padding: 4px; border-top: solid 1px #eee; border-left: solid 1px #eee; border-right: solid 1px #aaa; border-bottom: solid 1px #aaa; } -div#sidebar div.infobox { - margin: 0px 0px 0px 0px; - padding: 0.5em; - text-align: left; +div#logo { + margin: 0px; + padding: 4px 0px 4px 0px; + text-align: center; background-color: #ccc; border-top: solid 1px #eee; border-left: solid 1px #eee; @@ -108,43 +118,42 @@ div#sidebar div.infobox { border-bottom: solid 1px #aaa; } -div#sidebar div.infobox h1 { +td#sidebar h1 { font-size: 10pt; font-weight: bold; margin: 8px 0px 0px 0px; } -div#sidebar div.infobox h1.first { +td#sidebar h1.first { margin-top: 0px; } -div#sidebar div.infobox a.menu { +td#sidebar a.menu { display: block; background-color: #ccc; padding: 0.1em 0.5em; text-decoration: none; } -div#sidebar div.infobox a.menu:hover { +td#sidebar a.menu:hover { background-color: #bbb; text-decoration: none; } -div#sidebar div.infobox select { +td#sidebar select { width: 100%; margin: 2px 0px 0px 0px; } -td#branch-dropdown-cell { - width: 99%; +td#sidebar form { + text-align: right; } input#switch-btn { - width: 20px; margin: 2px 0px 0px 0px; } -div#sidebar div.infobox input.txt { +td#sidebar input.txt { width: 100%; margin: 2px 0px 0px 0px; } diff --git a/ui-shared.c b/ui-shared.c index 2f771da..4c0613a 100644 --- a/ui-shared.c +++ b/ui-shared.c @@ -457,12 +457,14 @@ void cgit_print_pageheader(char *title, int show_search) static const char *default_info = "This is cgit, a fast webinterface for git repositories"; int header = 0; - html("