Footer wird nicht angezeigt

MicV · #1 (**permalink**) 25.05.2008, 12:44

Ich habe da ein kleines Problem, und zwar mit dem Footer, bzw. dem Copyright-Hinweis. Aber bevor ein Sturm der Entrüstung über mich niederkommt oder die Forensuche angepriesen wird, sollte ich folgendes sagen:

Bei mir wird der Footer aufgrund meines Layouts derzeit nicht angezeigt und das möchte ich ändern. Denn ich bin der Meinung, dass die Schöpfer von xt:commerce ein super Produkt abgeliefert haben und wenn sie dafür einen Hinweis auf meinem Shop haben möchten, bzw. wollen, dann soll das auch so sein. So, nun aber genug Bauchgepinsel.

Ich weiß, ich könnte einfach einen neuen Footer ins Layout basteln (was ich auch tun würde, wenn mir niemand sagen möchte, wo ich was finden kann), würde das aber gerne vermeiden, da diese Lösung „unsauber” wäre.

Das Anpassen der Styles bringt auch nichts, da sich der Copyright-Hinweis auf einer Ebene befindet, das vom eigentlichen Layouts verdeckt wird (Sprich, im Quelltext zwar sichtbar, aber im Browser nicht).

Ja, und ich weiß, dass alles, was ich hier erzähle nur ein Trick sein könnte, um den Footer auszublenden, daher würde ich auch mit keiner Hilfe klar kommen. Könnte ich verstehen.

Aber versuchen, möchte ich es trotzdem.

mister_tt · #2 (**permalink**) 25.05.2008, 19:17

Wäre vielleicht ganz sinnvoll, den Quelltext der index.html und des Stylesheets mal zu posten...

MicV · #3 (**permalink**) 26.05.2008, 05:30

Aber gerne.

Bei der index Seite habe ich den Code, der Übersicht wegen, auf das Wesentliche gekürzt.

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="de">
<head>
	<!-- Kopfdaten //-->
</head>
<body>
<div id="container">
	<div id="schatten_links"></div>
	<div id="subcontainer">
		<div id="kopf">
		</div>
		<div id="navi_oben">
		</div>
		<div id="content_links">
		</div>
		<div id="content">
		</div>
		<div id="content_rechts">
		</div>
	</div>
	<div id="schatten_rechts"></div>
</div>
<div class="copyright">eCommerce Engine &copy; 2006 <a href="http://www.xt-commerce.com" target="_blank">xt:Commerce Shopsoftware</a></div><div class="parseTime">Parse Time: 0.372s</div></body></html>

Das Copyright gehört eigentlich in die Klasse Content

Code:

*{
	padding: 0;
	margin: 0;
}
body, html {
	font-size: 0.9em;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #000000;
	text-align: center;
	background-image: url(images/body_bg.png);
	background-repeat: repeat-x;
}
form input {
	background-color: #c1cade;
	border: 1px solid #193884;
}
form input.submit {
	background-image: url(images/form_submit_bg.gif);
	background-color: #c1cade;
	border: 1px solid #193884;
	width: auto;
	color: #ffffff;
}

#container {
	position: absolute;
	margin: auto 50% auto 50%;
	left: -501px;
	width: 1002px;
	height: 100%;
	text-align: left;
	background-color: #ffffff;
	background-image: url(images/container_bg.png);
}
#schatten_links {
	float: left;
	height: 100%;
	width: 11px;
	background-image: url(images/schatten_links_bg.png);
	background-repeat: no-repeat;
}
#schatten_rechts {
	float: left;
	height: 100%;
	width: 11px;
	background-image: url(images/schatten_rechts_bg.png);
	background-repeat: no-repeat;
}
#subcontainer {
	float: left;
	height: 100%;
	width: 980px;
}
#kopf {
	width: 980px;
	height: 145px;
	background-image: url(images/logo.gif);
	text-align: right;
}
#navi_oben {
	width: 980px;
	height: 57px;
	background-image: url(images/navi_oben_bg.gif);
	background-color: #183883;
	color: #ffffff;
	margin-bottom: 10px;
}
#navi_oben ul {
	list-style-type: none;
	list-style-position: inside;
}
#navi_oben ul li {
	height: 57px;
	display: block;
	float: left;
	background-image: url(images/navi_oben_trenner.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: center;
}
#navi_oben ul li form {
	height: 57px;
	width: 440px;
	display: block;
	padding-left: 60px;
	float: left;
	background-image: url(images/navi_oben_pfeil_links.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
}
#navi_oben ul li form:hover {
	background-image: url(images/navi_oben_pfeil_links_over.gif);
}
#navi_oben ul li form input {
	height: 21px;
	margin-top: 17px;
	width: 221px;
}
#navi_oben ul li form input.submit {
	height: 21px;
	margin: 17px 10px 0 10px;
	width: auto;
	padding: 0 10px 0 10px;
}
#navi_oben ul li form a {
	color: #ffffff;
	text-decoration: underline;
	display: inline;
	padding: 0;
	height: 21px;
	width: auto;
	background-image: none;
	text-transform: none;
	letter-spacing: 0.1em;
}
#navi_oben ul li form a:hover {
	background-image: none;
}
#navi_oben ul li a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding-top: 37px;
	height: 57px;
	width: 120px;
	background-image: url(images/navi_oben_pfeil.gif);
	background-repeat: no-repeat;
	background-position: center top;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}
#navi_oben ul li a:hover {
	background-image: url(images/navi_oben_pfeil_over.gif);
}
#content_links {
	width: 200px;
	float: left;
	padding: 0 0 0 10px;
}
#content_links ul {
	width: 198px;
	list-style-type: none;
	list-style-position: inside;
	margin-bottom: 30px;
}
#content_links li.kopf {
	color: #183883;
	border-bottom: 1px solid #183883;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 1.2em;
}
#content_links li {
	color: #435c9a;
	border-bottom: 1px solid #435c9a;
}
#content_links li.level1 {
	padding-left: 12px;
	background-image: url(images/unter_kat_pfeil.png);
	background-repeat: no-repeat;
	background-position: 2px center;
}
#content_links li.level2 {
	padding-left: 22px;
	background-image: url(images/unter_kat_pfeil.png);
	background-repeat: no-repeat;
	background-position: 12px center;
}
#content_links li.level3 {
	padding-left: 32px;
	background-image: url(images/unter_kat_pfeil.png);
	background-repeat: no-repeat;
	background-position: 22px center;
}
#content_links li a {
	color: #435c9a;
	text-decoration: none;
}
#content_links li a.gewaehlt {
	color: #183883;
	font-weight: 600;
}
#content_links form input {
	background-color: #c1cade;
	border: 1px solid #193884;
	width: 154px;
	margin: 2px 0 2px 0;
}
#content_links form input.submit {
	background-image: url(images/form_submit_bg.gif);
	background-color: #c1cade;
	border: 1px solid #193884;
	margin: 2px 0 2px 10px;
	width: 30px;
	padding: 0 10px 0 10px;
	color: #ffffff;
}




#content {
	width: 540px;
	float: left;
	padding: 0 10px 0 10px;
}
#kruemelnavigation {
	color: #183883;
	font-style: italic;
	font-size: 0.9em;
	border-bottom: 1px dotted #183883;
	padding: 0 0 2px 0;
	margin: 0 0 4px 0;
	
}
#kruemelnavigation a {
	color: #183883;
	font-style: italic;
	font-size: 0.9em;
	text-decoration: none;
}




#content_rechts {
	width: 200px;
	float: left;
	padding: 0 10px 0 0;
}
#content_rechts ul {
	width: 198px;
	list-style-type: none;
	list-style-position: inside;
	margin-bottom: 30px;
}
#content_rechts li.kopf {
	color: #183883;
	border-bottom: 1px solid #183883;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 1.2em;
}
#content_rechts li {
	color: #435c9a;
	border-bottom: 1px solid #435c9a;
}
#content_rechts li table td.artikel_anzahl {
	text-align: right;
}
#content_rechts li table td.artikel_text {
	text-align: left;
	width: 100%;
}
#content_rechts li.summe {
	text-align: right;
	font-weight: 600;
	border-bottom: 3px double #183883;
}
#content_rechts li.umsatzsteuer_versand {
	text-align: right;
	font-style: italic;
	font-size: 0.9em;
}
#content_rechts li.link {
	text-align: right;
	border-bottom: none;
}



#content_rechts li a {
	color: #435c9a;
	text-decoration: none;
}
#content_rechts li a.gewaehlt {
	color: #183883;
	font-weight: 600;
}
#content_rechts form input {
	width: 196px;
	margin: 2px 0 2px 0;
}
#content_rechts form input.submit {
	width: auto;
	padding: 0 10px 0 10px;
	color: #ffffff;
}

mister_tt · #4 (**permalink**) 26.05.2008, 07:11

Anscheinend hast du den Code der Stylesheet ja auch gekürzt... Dort ist ja gar keine Klasse "Copyright" definiert. Wenn du noch die aus dem Standard-Template hast, sieht es ja so aus:

Code:

.copyright {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
}

Dort sind überhaupt keine Angaben gemacht, wo das Ding stehen soll... Könntest du den Copyright-DIV nicht einfach noch in den Parent-DIV setzen und dann relativ eine Positionierung angeben

Wäre ein bisschen Bastelei, aber sollte funktionieren...

Hoffe, ich konnte helfen...

Grüße
Simon

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Footer - Die heilige Kuh ...	Hermes66	Installation und Konfiguration	18	16.05.2006 15:21
Artikel Nach Odbc Datenbankimp. Nicht Angezeigt	cosew	Shopbereich	3	07.09.2004 10:20
Footer Css Klasse Problem	3dpuzzles	Template System	1	04.06.2004 16:31