|
|||
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; } 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 |
Sponsored Links |
|
||||
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? |
|
||||
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? |
|
|||
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 |
|
||||
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? |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |