Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag22.07.2012 um 19:33 (UTC)    
Titel: Footer Position - Problem

Ich habe mir ein Footer-Tutorial angeschaut und habe als CSS-Code:
Code:
#footer {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   background: #7C8B3E;
   text-align: center;
   color: white;
   padding: 8px 0;
   font-weight: bold;}


und als HTML-Code:
Zitat:
</div>
<br style="clear: both;" />
<div id="footer">
Erdgeschoss !
</div>


den HTML-Code habe ich bei "Text unter dem Design" eingefügt, aber die Position des Footes ist immer noch falsch.
Kann mir wer helfen?
So sieht mein Footer gerade aus (der grüne Balken): pixooart.de.tl


Zuletzt bearbeitet von pixooart am 22.07.2012, 22:09, insgesamt 4-mal bearbeitet
Beitrag22.07.2012 um 21:08 (UTC)    
Titel:

Hallo,

um dir sagen zu können, ob wir dir helfen können, müssten wir erstmal wissen, was dein Problem ist. Die Aussage die position des Footer ist falsch, ist jetzt nicht gerade eine aussagekräftige Problembeschreibung.

PS: Ich habe dir in deinem Beitrag etwas rot markiert, was auf jeden Fall schon mal falsch ist.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag25.07.2012 um 09:35 (UTC)    
Titel:

Wenn ich die Codes anwende, dann befindet sich der Footer nicht unter dem content, sonder bedeckt ihn in der Mitte :S
Falls es hilft, hier ist mein CSS-Code meiner Homepage:

Code:
/* Header */
#container{
   position:absolute;
   left: 50%;
   top: 200px;
   margin-left: -550px;
   width:774px;
   height:255px;
   background-image:url( );}


body {
   background-image: url();
   background-repeat: repeat-x;
   background-color: #241105;
}


/* Textarea */
#content {
   left: 50%;
   position:absolute;
   margin-left: -100px;
   top:255px;
   padding-top:10px;
   padding-left:10px;
   padding-right:10px;
   padding-bottom: 10px;
   width: 700px;
   height:auto;
   overflow:none;
   background-color:#1e0e04;
   background-image:url();
   border-top: 0px solid #383838;}


#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;
   background:green;}


ul li {
   list-style-type:none;
   float:left;
   display:block;}

A.navi:link, A.navi:active, A.navi:visited {
   display: block;
   width: 167px;
   height: 25px;
   padding-top: 5px;
   padding-left: 17px;
   border: 1px solid #ffffff;
   font-family: calibri;
   font-size: 13pt;
   color: #FFFFFF;
   background-color: #929292;
   text-decoration: none;
}

A.navi:hover {
   display: block;
   font-family: calibri;
   font-size: 13pt;
   color: #ffffff;
   background-color: #4F3D23;
   text-decoration: none;
}


ul#Navigation {
    width: 200px;
    margin: -100px;
    padding-left:;
    border: 0px solid white;
    font-family: calibri;
    background-color:#ffffff ;

  }
  * html ul#Navigation {
    width: 11.6em;
    width: 10em;
    padding-left: 0;
    padding-left: 0.8em;
  }
  ul#Navigation li {
    list-style: none;
    padding: 2px;
  }

  ul#Navigation a, ul#Navigation span, ul#Navigation h2 {
    display:block;
    width: 85px;
    height: 20px;
    padding: 2px;
    text-decoration: none;
    font-family: calibri;
    color: #2E2E2E;
    background-color:#F8F8F8;
  }
  * html ul#Navigation a, ul#Navigation span, ul#Navigation h2 {
    width: 100%;
    width: 8.8em;
  }
  ul#Navigation a:hover, ul#Navigation span {
    color: #766546;
    font-family: calibri;
    background-color: #F8F8F8;
  }
  ul#Navigation h2 {
    margin: 1.1em 0 0;
    font-size: 13pt;
    font-family: calibri;
    text-shadow: 1px 1px #AAAAAA;
    color: #ffffff;
    background-color:transparent ;
  }



Der HTML-Code für den Footer:

Code:
<br style="clear: both;" />
<div id="footer">
Erdgeschoss !
</div>


Zuletzt bearbeitet von pixooart am 25.07.2012, 10:39, insgesamt 2-mal bearbeitet
Beitrag25.07.2012 um 12:41 (UTC)    
Titel:

Ich weiß noch immer nicht richtig, wo der Footer hin soll.
Ist das bottom: 0px; absichtlich drin?

Am besten schaust du dir mal die Designs hier an:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=134832

Dort gibt es auch Footer und da kannst du dir einiges abschauen.

mfg Philipp
______________
Forenregeln, FAQ, Suchfunktion
Beitrag26.07.2012 um 09:55 (UTC)    
Titel:

Cool, danke Very Happy

Werde ich mir auf jeden Fall durchlesen Smile !
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de