ich habe mir das Template von http://www.128.weitzelmedia.de/index.php?id=4,6,0,0,1,0 runtergeladen bzw. auf meinen Server raufgeladen. Da ich keine grosse Seite (mit inhalt) habe finde ich dieses Template recht schon und gut.
Ich habe nun ein Gästebuch dazugefügt und leider überlappen nun die Einträge den eigentlichen grauen Haupt-Block und nach unten auch. D.h. der Hauptteil (CP) dehnt sich nicht automatisch nach unten aus. Die .css ist wie folgt:
Code: Select all
body {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
background-color: #e6e6e6;
}
form, div, p, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
}
td, th, p, div, span {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px
}
.listEntry {
margin-bottom: 10px;
}
a, a:link, a:visited, a:active, a:focus {
color: #FF3300;
text-decoration: none
}
a:hover {
color: #FF3300;
text-decoration: underline;
}
.articleText {
margin-bottom: 3px;
text-align: justify;
}
.articleCode {
margin-bottom: 3px;
font-family: "Courier New", Courier, monospace;
font-size: 12px;
}
h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, sans-serif;
}
.articleSummary {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 11px;
color: #000000;
line-height: 135%;
}
.nav_table, .nav_table a, .nav_table a:link, .nav_table a:active, .nav_table a:visited, .nav_table a:hover {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color: #4A5966;
font-weight: normal;
text-decoration: none;
}
.nav_table a:hover {
text-decoration: underline;
}
.nav_table_active, .nav_table_active a, .nav_table_active a:link, .nav_table_active a:active, .nav_table_active a:visited, .nav_table_active a:hover {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
color: #4A5966;
font-weight: bold;
text-decoration: none;
}
.articleList_toptext {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10px;
}
.articleList_listhead {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: bold;
}
/* CSS for the top level list */
ul.list_top, ul.list_level {
padding: 3px 0;
margin-left: 0;
border-bottom: 1px solid #5E747F;
font: bold 12px Verdana, sans-serif;
}
ul.list_top li, ul.list_level li {
list-style: none;
margin: 0;
display: inline;
padding: 0;
}
ul.list_top li a, ul.list_level li a {
padding: 3px 0.5em;
margin: 0px;
border: 1px solid #778;
border-bottom: none;
background: #D7DEE5;
text-decoration: none;
}
ul.list_top li a:link, ul.list_level li a:link { color: #5E747F; }
ul.list_top li a:visited, ul.list_level li a:visited { color: #5E747F; }
ul.list_top li a:hover, ul.list_level li a:hover {
color: Black;
background: #92A1AF;;
border-color: #227;
}
ul.list_top li.active a, ul.list_level li.active a {
background: white;
border-bottom: 1px solid white;
}
/*
*** Template iceland by weitzelmedia.de ***
*/
/* order the rows for images */
.imageone, .imagetwo {
text-align: center;
border: none;
}
/* make border and styles for images */
.imageone img, .imagetwo img {
border: 1px solid #FFF;
margin: 0 5px 5px 0;
padding: 0 0 5px 0;
background-color: #FFF;
}
#container {
width: 760px;
\width: 780px;
w\idth: 760px;
border: 1px solid gray;
margin: 10px;
margin-left: auto;
margin-right: auto;
padding: 10px;
background-color: #FFF;
border: 1px solid #CCC;
}
#header {
padding: 0px;
background: url(../../picture/iceland_header.jpg) no-repeat;
height: 160px;
margin-bottom: 5px;
}
#navigation {
padding: 5px;
height: 15px;
background-color: #666;
margin-bottom: 5px;
margin-top: 5px;
}
#navigation a, #navigation a:link {
padding: 5px;
color: #FFF;
height: 15px;
}
#navigation a:hover {
padding: 5px;
color: #7187B9;
background-color: #FFF;
height: 15px;
border-bottom: 2px solid #FFF;
}
#left {
float: left;
text-align: left;
width: 200px;
\width: 210px;
w\idth: 200px;
height: 450px;
margin: 0;
margin-right: 5px;
padding: 5px;
background-color: #DBE2F4;
}
#content {
padding: 5px;
height: 450px;
width: 750px;
float: left;
text-align: left;
background-color: #333;
}
/* define h1 style */
#content h1 {
font-family: "Trebuchet MS", verdana, arial, sans-serif;
font-size: 13px;
color: #FFF;
padding-left: 100px;
}
/* define h3 style */
#content h3 {
font-family: "Trebuchet MS", verdana, arial, sans-serif;
font-size: 11px;
color: #FFF;
padding-left: 100px;
}
#footer {
clear: both;
padding: 5px;
margin-top: 5px;
height: 20px;
text-align: center;
font-family: verdana, arial, sans-serif;
font-size: 9px;
color: #666;
}
/*
***not needed in final version - just or branding ***
#bannerallee {
text-align: center;
border: none;
}
#bannerallee img {
padding-right: 20px;
}
#bannerallee a, #bannerallee a:link {
border: none;
}
*/
/* news boxen */
/* css for filelist text */
.v11, .v11 a, .v11 a:link {
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFF;
}
.imgDIVinTextLeft {
float: left;
margin-right: 5px;
margin-bottom: 5px;
padding: 0;
}
.imgDIVinTextRight {
float: right;
margin-left: 5px;
margin-bottom: 5px;
padding: 0;
}
.imgDIVtopLeft {
margin:8px 10px 5px 20px;
padding:0px;
border:0;
}
.imgDIVtopCenter {
margin:8px -50% 5px -50%;
padding:0px;
border:0;
}
.imgDIVblockImgLeft {
margin-right: 10px;
}
.imgDIVblockImgRight {
margin-left: 10px;
}
.phpwcmsImgListRight {
text-align: right;
margin: 0;
padding: 0;
}
.phpwcmsImgListLeft {
text-align: right;
margin: 0;
padding: 0;
}
.phpwcmsSearchResult {
margin: 15px 0 15px 0;
}
.phpwcmsSearchResult h3 {
margin: 10px 0 1px 0;
font-size: 12px;
font-weight: bold;
}
.phpwcmsSearchResult p {
margin: 0;
}
.phpwcmsSearchResult em.highlight, em.highlight {
background-color: #FFFF00;
font-style:inherit;
}
#VisualModeIndicator {
position:absolute;
left:5px;
bottom:5px;
padding:5px;
z-index:10000;
background-color:#FF3300;
color:#FFFFFF;
border:1px solid #000000;
}