[Templatefehler] Templatefehler - Support - cms2day Forum - Community & Support rund ums cms2day

cms2day Projekt Spender

Paypal:

Mittwoch, 11. August 2010, 15:44

Templatefehler

Hey Leute,

also, ich hab das Problem bei meinem neu erstellten Template, dass es auf einer Code - Seite (die ich teils wegen JS benötige) total zerschossen ist. Naja, etwas übertrieben. Auf einer normalen Editor - Seite ist alles normal, aber sobald ich eine Code - Seite anlege, und diese sogar ohne Inhalt aufrufe, verschiebt sich mein Footer, und legt sich über den Content. Leider kann ich euch momentan keinen Link geben.

MfG blu

Zum Seitenanfang

JOE

Fortgeschrittener Benutzer

Beiträge: 359

Paypal:

2

Mittwoch, 11. August 2010, 16:08

Tja ohne Link geht garnichts, wie sollen wir wissen wie der HTML und CSS Aufbau ist und wo die Fehler sind?

:kugel:

Signatur
Mancher lehnt eine gute Idee bloß deshalb ab, weil sie nicht von ihm ist!

Favorite Links
...............................................
SELFHTML
CSS4YOU
CSSMANIA
SELFPHP

Zum Seitenanfang

blu

cms2day Projekt Spender

Beiträge: 256

Paypal:

3

Mittwoch, 11. August 2010, 16:39

Gut, uploaden mag ich momentan nicht, also:

Inhalt der index.html

Quellcode

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<?php page_header();?>
<link rel="stylesheet" href="http://localhost/homepage/includes/misc/nivo-slider.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://localhost/homepage/includes/misc/jquery.nivo.slider.pack.js" type="text/javascript"></script>
</head>

<body id="top">
</body>

<div id="layer2">

	<div id="info">
		<div id="header">
						<div id="logo">
						   <?php page_logo(); ?>
        				</div>
        				<div id="menu">
        					<?php page_dropdown("0"); ?>
        				</div>

     	</div>
	</div>

   	<div id="layer">
            <div id="contenttop"></div>
       		<div id="content">
            		<div id="text">
           		<?php page_content(); ?>
            		</div>
        	</div>
        

        	<div id="footer">

			<div style="position: absolute; width: 80px; height: 20px; display: block; background: #6b6b6b; font-size: 9px; margin-left: 730px; padding-top: 0px; margin-top: 0px; padding-left: 10px;"><a href="#top">NACH OBEN</a></div>
			<div style="color: #666666; font-size: 9px; margin-left: 10px; margin-top: 30px; float: left;"><?php page_footer(); ?></div>

				</div>
        	</div>

	</div>

</div>
</html>

Die main.css

Quellcode

/* - HTML + BODY STYLE - */


* {

	margin: 0px;
	padding: 0px;

}
 
html {

	width: 100%;
	height: 100%;
	text-align: center;

}

body {

	width: 100%;
	height: 100%;
	font-size: 11px;
	line-height: 18px;
	color: #333; 
	font-family: "Verdana", "Tahoma" , "Arial" , "MS Sans Serif";
	margin: 0px auto;
	text-align: center;
	background: url('../images/body.jpg') repeat;

}


/* - TABELLEN EINGENSCHAFTEN - */


td {

	font-size: 11px;
	line-height: 18px;
	font-family: "Verdana", "Tahoma" , "Arial" , "MS Sans Serif";

}


/* - MISC STYLE - */


ul {

	margin: 0px;
	padding: 0px;

}

li {

	list-style: none;

}

form {

	margin: 0px;
	padding: 0px;

}

img {

	border: none;

}


/* - FLOAT CLEANER - */


#cleaner {

	clear: both;
	height: 0px;
	font-size: 0px;
	display: block;
	width: 100%;

}


/* - STANDARD LINK FORMATIERUNG - */


a {

	color: #333;
	text-decoration: none;

}

a:hover {

	color: #333;
	text-decoration: underline;

}

/* - INFO ZEILE - */

#info {
	
	width: 860px;
	height: 190px;
	margin: auto;
	z-index: 100;
}

/* - LAYER + CONTAINER - */


#layer {

	width: 860px;
	position: relative;
	margin: 0px auto;
	text-align: left;

}

#layer2 {

	width: 100%;
	height: 648px;
	position: relative;
	margin: auto;
}

/* - HEADER - */

#header {
	
	width: 860px;
	height: 190px;
	margin: auto;
	background: url('../images/bglogo.png') no-repeat;

}



/* - INPUT FELDER VORBEREITET FÜR SUCHE - */


#header form input.formular {
	
	width: 140px;
	height: 18px;
	padding: 4px 0px 0px 5px;
	margin: 2px 0px 2px 0px;
	background: #fff;
	border: 1px solid #dfdfdf;
	font-size: 11px;
	color: #dfdfdf;
	font-family: "Verdana";
	position: absolute;
	right: 35px;
	top: 30px;	
	
}

#header form input.button {
	
	width: 10px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	border: none;
	font-size: 0px;
	background: url('../images/suche_button.gif') no-repeat;
	cursor: pointer;
	font-family: "Verdana";
	position: absolute;
	right: 20px;
	top: 34px;	
	
}


/* - MENU LAYER - */
#logo {
	
	width: 400px;
	height: 190px;
	float: left;
	position: relative;
	margin-left: 0px;
	margin-top: 0px;
	z-index: 1;
}


#menu {

	width: 460px;
	height: 36px;
	top: 135px;
	left: 570px;
	position: relative;
	margin-left: 0px;
	margin-top: 0px;
	text-align: left;
	z-index: 2;
}

#menu ul {
	
	padding: 0px;
	margin: 0px auto;	
	position: absolute;
	top: 5px;
	z-index: 10;
	
}

#menu ul li {
	padding: 0px;
	margin-left: 10px;
	float: left;
	list-style: none;
	position: relative;
	z-index: 1;	
}


/* - MENU LINKS - */


#menu ul li a {
	
	height: 10px;
	display: block;
	color: #fff;
	text-decoration: none;
	line-height: 9px;
	padding: 7px 7px;
	font-size: 12px;
	text-transform: uppercase;
	
}

#menu ul li a:hover {
	
	height: 10px;
	display: block;
	color: #fff;
	text-decoration: none;
	line-height: 9px;
	padding: 7px 7px;
	margin: 0px;
	font-size: 12px;
	border-bottom: 3px solid #7b1717;
	text-transform: uppercase;
	
}

#menu ul li a.aktiv, #menu ul li a:hover.aktiv {
	
	height: 10px;
	display: block;
	color: #fff;
	text-decoration: none;
	line-height: 9px;
	padding: 7px 7px;
	margin: 0px;
	font-size: 12px;
	border-bottom: 3px solid #7b1717;
	text-transform: uppercase;

}


/* - DROP DOWN MENÜ - */


#menu table {

	position: absolute;
	z-index: 10;
	border: none;
	
}

#menu ul li ul {
	
	visibility: hidden;
	position: absolute;
	top: 25px;
	display: block;
	text-align: left;
	border: 1px solid #e1ded7;
	border-top: 1px solid #fff;
	border-bottom: none;
	margin: 0px;
	padding: 0px;
	background: #fff;

}

#menu ul li ul li {
	
	border: none;
	border-bottom: 1px solid #e1ded7;
	margin: 0px;
	padding: 0px;
	background: #fff;
	
}

#menu ul li:hover ul, #menu ul a:hover ul {
	
	visibility: visible;
	
}

#menu ul li ul li a {
	
	width: 160px;
	height: 24px;
	display: block;
	padding: 0px 12px 2px 12px;
	text-decoration: none;
	line-height: 24px;
	font-size: 11px;
	color: #333;
	background: #fff;
	margin: 0px;
	border: none;
	
}

#menu ul li ul li a:hover {
	
	width: 160px;
	height: 24px;
	display: block;
	padding: 0px 12px 2px 12px;
	text-decoration: none;
	line-height: 24px;
	font-size: 11px;
	color: #000;
	background: #c4d9f3;
	margin:0px;
	border: none;
}

#menu ul li ul li a.aktiv {
	
	width: 160px;
	height: 24px;
	display: block;
	padding: 0px 12px 2px 12px;
	text-decoration: none;
	line-height: 24px;
	font-size: 11px;
	color: #000;
	background: #c4d9f3;
	margin: 0px;
	border: none;

}

#menu ul li ul li a.aktiv:hover	{
	
	width: 160px;
	height: 24px;
	display: block;
	padding: 0px 12px 2px 12px;
	text-decoration: none;
	line-height: 24px;
	font-size: 11px;
	color: #000;
	background: #c4d9f3;
	margin:0px;
	border: none;
	
}

/* - CONTENT LAYER - */

#contenttop {

	width: 858px;
	height: 12px;
	position: relative;
	margin: 0px auto;
	border: 1px solid #fff;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-khtml-border-radius-topleft: 10px;
	-khtml-border-radius-topright: 10px;
	background: #fff;


}

#content {

	width: 860px;
	padding: 20px 0px 30px 0px;
	background: #fff;
	position: relative;
	margin: 0px auto;
	text-align: left;
	overflow: hidden;

}


/* - TEXT - */


#content #text {
	
	width: 800px;
	padding: 0px 20px 0px 30px;
	line-height: 22px;
	
}


/* - TEXT : TAG STYLES - */


#content #text h1 { 

	font-size: 16px;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	color: #7b1717;
	font-family: "Arial";
	text-transform: uppercase;
	letter-spacing: 0px;

}

#content #text h2 { 

	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	color: #7b1717;
	font-family: "Verdana";
	text-transform: none;
	letter-spacing: 0px;

}

#content #text h3 { 

	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	color: #333;
	font-family: "Verdana";
	letter-spacing: 0px;

}

#content #text h4 { 

	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	color: #7b1717;
	font-family: "Verdana";
	letter-spacing: 0px;

}

#content #text h5 { 

	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	color: #333;
	font-family: "Verdana";
	letter-spacing: 0px;

}

#content #text h6 { 

	font-size: 11px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	color: #AFAFAF;
	font-family: "Verdana";
	letter-spacing: 0px;

}

#content #text p {

	margin: 0px 0px 15px 0px;

}

#content #text table tr td {

	line-height: 22px;

}

#content #text hr {
         
	border-top: 1px solid #dfdfdf;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin: 0px 0px 15px 0px;
	height: 2px;

}

#content #text a {

	color: #333;
	text-decoration: none;

}

#content #text a:hover {

	color: #333;
	text-decoration: underline;

}

#content #text ul {

	margin: 0px 0px 0px 15px;

}

#content #text ul li {

	list-style: square;
	line-height: 22px;

}

#content #text ul li ul li {

	list-style: square;
	line-height: 22px;
	margin: 0px 0px 0px 5px;

}

/* - FOOTER - */

#footer {

	background: #1b1b1b;
	border-top: 4px solid #6b6b6b;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomright: 10px;
	font-size: 9px;
	width: 860px;
	height: 60px;
	position: relative;
	margin: -30px auto 0 auto;
	color: #a6a6a6;1b1b1b;


}


#footer p {
	color: #afafaf;
	line-height: 25px;
}

#footer ul {
	width: 860px;
	padding: 0px;
	margin: 0px;
}

#footer a.cms2day_link, #footer a.cms2day_link:hover {
	text-decoration: none;
	font-weight: bold;
	color: #afafaf;
}


#footer a {
	color: #a6a6a6;
	text-decoration: none;
}

#footer a:hover {

	color: #fff;
	text-decoration: underline;
}

Die ie6.css

	Quellcode
1 2 3 4 5 6 7	/* - IE6 HACKS - */ #content #text { height: 319px; }

Denke das reicht.. global.css hat den Inhalt von jedem Standart cms2day - Template.

MfG blu

Zum Seitenanfang