Page 1 of 1

Frage bzgl. iceland-Template

Posted: Tue 17. Jul 2007, 22:22
by no remorse
Hallo,

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;
}
Ich bin zwar fleissig am lernen, doch bin ich hier schon mit meinem Latein am Ende und zähle auch euch.

Posted: Tue 17. Jul 2007, 22:49
by pepe
Die schnellste Sache wäre, vor und hinter dem CP Gästebuch jeweils ein zusätzlichen CP HTML einzufügen.
Da kannst du dann die Breite des Inhalts begrenzen, ohne in irgendwelchen Codes suchen zu müssen!


CP HTML:
Nur den folgenden Inhalt eintragen:

<div style="width:400px;">

CP: Gästebuch

CP HTML:
Nur den folgenden Inhalt eintragen:

</div>

Posted: Wed 18. Jul 2007, 12:50
by no remorse
Nachtrag:

mir ist aufgefallen, dass es beim iExplorer 6.x dieses Problem nicht gibt. Beim Firefox und IE 7.x tritt das obgenannte Problem auf...