zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Footer am Ende der Seite

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 11.04.2010, 12:54
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.04.2010
Beiträge: 6
killerkonner befindet sich auf einem aufstrebenden Ast
Standard Footer am Ende der Seite

Ich hab mir jetzt schon so ziemlich alles durchgelesen, aber irgendwie klappt es nicht. der footer ist immer am Anfgang und nicht am ende der Seite =/

HTML-Code:
<html xmlns="http://www.w3.org/1999/xhtml"
 xml:lang="<?php echo $this->language; ?>"
 lang="<?php echo $this->language; ?>"
 dir="<?php echo $this->direction; ?>" >
<?php echo '<?xml version="1.0" encoding="utf-8"?' .'>' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<head>
<link rel="stylesheet" type="text/css" href="/templates/n1_design2010/css/template_css.css">
<jdoc:include type="head" />
</head>

<body>
<div id="Seite">
	<div id="HEADER">
		<div id="_menu">
			<jdoc:include type="modules" name="n1menu" style="xhtml" />
		</div>
	</div>
	
	<div id="CONTENT">
		<div id="_content-box_TOP"><SPAN class="content_title"><jdoc:include type="modules" name="n1title" style="xhtml" /></SPAN></div>
		<div id="_content-box_MIDDLE"><SPAN class="n1content"><jdoc:include type="component" style="xhtml" /></SPAN></div>
		<div id="_content-box_BOTTOM"></div>		
	</div>
	
	<div id="SIDEBAR">
		<div id="_sidebar_TOP"><SPAN class="content_title">Referenzen</SPAN></div>
		<div id="_sidebar_MIDDLE"></div>
		<div id="_sidebar_BOTTOM"></div>
	</div>
	
	<div id="fusszeile"><jdoc:include type="modules" name="n1footer" style="xhtml" /></div>
</div>
	
</body>
</html>
Code:
body {
	width: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(/templates/n1_design2010/images/bg.png); /*die Scanlines*/
}

.menu {
	font-family: Arial;
	font-size: 17;
}

.content_title {
	font-family: Arial;
	font-size: 20;
	color: #873900;
	font-weight: bold;
}

.n1content {
	font-family: Arial;
	font-size: 12;
}

.discription {
	font-family: Arial;
	font-size: 11;
	font-weight: italic;
}

.preis {
	font-family: Arial;
	font-size: 14;
	font-weight: bold;
	color: darkgreen;
}

div#HEADER {
	position: absolute;
	left: 12px;
	top: 0px;
	width: 982px;
	height: 196px;
	background-image: url(/templates/n1_design2010/images/header.png);
	background-repeat: no-repeat;
}

div#_menu {
	position: absolute;
	top: 196px;
	width: 982px;
	height: 54px;
	background-image: url(/templates/n1_design2010/images/menu_bg.png);
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-bottom-color: 745a2c;
}

p {
	margin-top: 0px;
	margin-bottom: 0px;
}

ul#mainlevel_menu  {
    margin: 0px;
    padding-top: 17px;
	padding-left: 0px;
    list-style-type: none;
}

ul#mainlevel_menu li  {
    margin-top: 15px;
	margin: 5px;
    padding-top: 15px;
	padding-bottom: 17px;
    list-style-type: none;
	display: inline;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-bottom-color: #745a2c;
}

ul#mainlevel_menu li:hover  {
    margin-top: 15px;
	margin: 5px;
    padding-top: 15px;
    list-style-type: none;
	display: inline;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	border-bottom-color: #ffc662;
}

a.mainlevel_menu:link {
	font-family: Arial;
	font-size: 17;
	color: black;
	text-decoration:none;
	font-weight:bold;
}

a.mainlevel_menu:visited {
	font-family: Arial;
	font-size: 17;
	color: black;
	text-decoration:none;
	font-weight:bold;
}

a.mainlevel_menu:hover {
	font-family: Arial;
	font-size: 17;
	color: black;
	text-decoration:none;
	font-weight:bold;
}

a.mainlevel_menu:active {
	font-family: Arial;
	font-size: 17;
	color: black;
	text-decoration:none;
	font-weight:bold;
}

table.contentpaneopen {
	padding-right: 60px;
}

a.button {
text-decoration:none;
}

div#CONTENT {
	position: absolute;
	left: 12px;
	top: 280px;
	width: 982px;
	height: auto;
	float:left;
}

div#_content-box_TOP {
	width: 764px;
	height: 37px;
	padding-left: 35px;
	padding-top: 10px;
	background-image: url(/templates/n1_design2010/images/content-box_TOP.png);
	background-repeat: no-repeat;
}

div#_content-box_MIDDLE {
	width: 764px;
	height: auto;
	top: 47px;
	padding-left: 35px;
	padding-top: 0px;
	padding-right: 35px;
	background-image: url(/templates/n1_design2010/images/content-box_MIDDLE.png);
	background-repeat: repeat-y;
}

div#_content-box_BOTTOM {
	width: 764px;
	height: 33px;
	background-image: url(/templates/n1_design2010/images/content-box_BOTTOM.png);
	background-repeat: no-repeat;
}

div#SIDEBAR {
	position: absolute;
	left: 790px;
	top: 280px;
	width: 204px;
	height: auto;
	float:right;
}

div#_sidebar_TOP {
	left: 800px;
	width: 204px;
	height: 46px;
	padding-left: 35px;
	padding-top: 10px;
	background-image: url(/templates/n1_design2010/images/sidebar_TOP.png);
	background-repeat: no-repeat;
}

div#_sidebar_MIDDLE {
	left: 800px;
	width: 204px;
	height: auto;
	top: 56px;
	padding-left: 12px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	background-image: url(/templates/n1_design2010/images/sidebar_MIDDLE.png);
	background-repeat: repeat-y;
}

div#_sidebar_BOTTOM {
	left: 800px;
	width: 204px;
	height: 32px;
	background-image: url(/templates/n1_design2010/images/sidebar_BOTTOM.png);
	background-repeat: no-repeat;
}

div#Seite {
	text-align: left;    /* Seiteninhalt wieder links ausrichten */
	margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
	width: 760px;
	padding: 0;
	background: #ffffe0 url(hintergrund.gif) repeat-y;
	border: 2px ridge silver;
  }

div#fusszeile {
	clear: both;
    font-size: 0.9em;
    margin: 0; padding: 0.1em;
    text-align: center;
    background-color: #fed; border: 1px solid silver;
}
der komplette php & Css code... Bin am verzweifeln sicher ist es wieder irgend sone kleine Zeile die falsch ist aber ich finds einfach net

Wär cool wenn ihr mir helfen könntet...
Ist übrigens ein eigenes Template für Joomla.. also totaler Anfänger bin ich eigentlich nicht^^

Grüße killer
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 11.04.2010, 14:25
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Hallo

Du solltest einen Link liefern. Was soll man denn mit deinem php Code anfangen??

EDIT: gab es "position: absolute" mal grad wieder im Sonderangebot??? Das ist Müll.

Gruß Manfred
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 11.04.2010, 14:29
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.375
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Manfred hat recht aber ich werf einfach 2 Wörter in den Raum bei denen ich wette das ich recht habe () position: absolute;
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #4 (permalink)  
Alt 11.04.2010, 14:33
Benutzerbild von uspri
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 04.07.2005
Beiträge: 900
uspri sorgt für eine eindrucksvolle Atmosphäreuspri sorgt für eine eindrucksvolle Atmosphäre
Standard

Außerdem kommt <hml....> nach dem Doctype und nicht davor.
Mit Zitat antworten
  #5 (permalink)  
Alt 11.04.2010, 14:34
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 13.07.2009
Beiträge: 436
Austen sorgt für eine eindrucksvolle AtmosphäreAusten sorgt für eine eindrucksvolle Atmosphäre
Standard

Wenn wir jetzt noch FAQ7 erwähnen, haben wir doch alle wichtigen Infos zusammen, oder?
Mit Zitat antworten
  #6 (permalink)  
Alt 11.04.2010, 14:37
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.375
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

bestimmt jetzt warten wir noch auf den Link
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #7 (permalink)  
Alt 11.04.2010, 16:51
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.04.2010
Beiträge: 6
killerkonner befindet sich auf einem aufstrebenden Ast
Standard

Link gebits nicht habs bei mir aufm rechner erstma auf nem Apachen laufen.. Ja position abosulute hab ich jetzt überall ruasgenommen außer beim Header... Also der Footer ist schon mal am ende der Seite..

Aber meine Sidebar ist jetzt nicht mehr an der rechten Seite...

............_++++
...Div....._++++
............_++++
............_++++
_______........
_______...SB..
_______........
_______........

Die Punkte sind divs. Die Sidebar (SB) soll da hin wo die + sind. _sind nur freihalter damits hier richtig angezeigt wird... Vorher mit position absolute ging des mit float:right; und float:left; und nun

Danke sconmal
Mit Zitat antworten
  #8 (permalink)  
Alt 11.04.2010, 17:15
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 13.07.2009
Beiträge: 436
Austen sorgt für eine eindrucksvolle AtmosphäreAusten sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von killerkonner Beitrag anzeigen
Link gebits nicht habs bei mir aufm rechner erstma auf nem Apachen laufen..
Dann bastel ein Testcase, lade es hoch und poste den Link dazu.
Mit Zitat antworten
  #9 (permalink)  
Alt 11.04.2010, 17:26
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.04.2010
Beiträge: 6
killerkonner befindet sich auf einem aufstrebenden Ast
Standard

nö kein bock die frage ob es bei static eine alternative zu float gibt könnt ihr mir ja vielleicht auch so beantworten... Mehr will ich ja garnicht
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 11.04.2010, 17:30
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.375
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Zitat:
Zitat von killerkonner Beitrag anzeigen
nö kein bock
Niemals aber auch NIEMALS so was rausposaunen wenn man Hilfe will. Woher sollen wir wissen wie das gesamt konstrukt ausschaut... ach komm weißte... regt micht jetzt wieder auf sowas gesagt zu bekommen.. was hast du jetzt mit static?! O.o
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Seite wird auf anderem Computer falsch dargestellt Patrick Egli CSS 3 01.11.2009 11:40
100% höhe des Designs. Footer immer unten. Donar CSS 7 26.01.2008 02:02
Footer Stick Alt - funktioniert nicht wirklich HaraldMenza CSS 1 03.12.2007 23:47
Problem mit Footer ans Ende kvn CSS 7 30.11.2007 00:23
horizontale scrolleiste-feststehender footer - IE6 chritian CSS 0 26.09.2007 14:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:32 Uhr.