diff --git a/css/comics.css b/css/comics.css index 6083c35..30c33a9 100644 --- a/css/comics.css +++ b/css/comics.css @@ -18,6 +18,7 @@ a, a:link, a:visited, a:active { } .header { + height: 1em; font-size: 24pt; font-weight: bold; font-family: 'Comic Sans MS'; @@ -26,19 +27,15 @@ a, a:link, a:visited, a:active { margin-right: 20px; border-bottom: 2px solid #ddddd1; } - -.listcontainer { - margin-top: 10px; - text-align: center; - width: 100%; -/* - margin-left: auto; - margin-right: auto; - overflow: auto; - width: -moz-fit-content; - width: -webkit-fit-content; - width: fit-content; -*/ +.sorter { + float: left; + top: 0px; + left: 0px; +} +.name { + float: right; + top: 0px; + right: 5px; } .list { @@ -49,13 +46,6 @@ a, a:link, a:visited, a:active { flex-wrap: wrap; justify-content: center; text-align: center; -/* - text-align: center; - margin-left: auto; - margin-right: auto; - margin: 0 auto 0 auto; - width: 1190px; -*/ } .item { @@ -66,9 +56,6 @@ a, a:link, a:visited, a:active { border: 2px solid #ddddd1; padding: 2px; display: inline-block; -/* - float: left; -*/ overflow: hidden; } @@ -83,23 +70,3 @@ a, a:link, a:visited, a:active { z-index: 42; } -div.sorter { - position: absolute; - float: left; - top: 0px; - left: 0px; - z-index: 10; - font-size: 24pt; - font-weight: bold; - font-family: 'Comic Sans MS'; -} -div.name { - position: absolute; - float: right; - top: 0px; - right: 5px; - z-index: 20; - font-size: 24pt; - font-weight: bold; - font-family: 'Comic Sans MS'; -} diff --git a/index.php b/index.php index 75d033d..d905005 100644 --- a/index.php +++ b/index.php @@ -12,21 +12,18 @@ if ( isset($_REQUEST['sortorder']) ) { require_once 'htmlheader.php'; ?> -