Footer will nicht an die richtige Stelle :(

[Kadey]

Hallo zusammen,

habe meine Seite fast fertig. Leider will mein Footer nicht dahin wo er soll.

Der wird immer genau unter Header angezeigt, obwohl ich alle vorherigen Div´s geschlossen habe.

#footer{ width:980px;
height:116px;
background:#0FC;
margin:0 auto;
}

 

[cebito]

AW: Footer will nicht an die richtige Stelle

Was sollen wir mit dem css-Schnipsel, poste den Code der Seite und die gesamte css, so klappts auch mit der Hilfe.

 

[Kadey]

AW: Footer will nicht an die richtige Stelle

Sorry, das ich ein Anfäger bin...aber du scheinst mir sehr unfreundlich zu sein..
Ich lasse es hier mit der Hilfesucherei

 

[AlexanderBo]

AW: Footer will nicht an die richtige Stelle

wenn du hilfe willst musst du auch den code (html/css) liefern...
ein schnippselchen reicht da nicht!
da hat cebito bestimmt nix unfreundliches geschrieben...

 

[Momo22m]

AW: Footer will nicht an die richtige Stelle

mm wen ich so une code sehe wirt ich sagen

2 fehler

1. hat der div karkeine posoirung
2. oder du hast im html tag was falsch

une den ganzen code oder link zur seite kann mann da echt nicht hilfen

mfg Momo

 

[cebito]

AW: Footer will nicht an die richtige Stelle

Sorry, das ich ein Anfäger bin...aber du scheinst mir sehr unfreundlich zu sein..
Ich lasse es hier mit der Hilfesucherei

Wenn dir das so vorkommt, ich habe lediglich gesagt was benötigt wird, damit du Hilfe bekommen kannst.
Wenn das unfreundlich ist dann weiß ich ja nicht... :uhm:
Und jetzt kannst du schmollen gehn oder deinen Code posten.

 

[fantaflascher]

AW: Footer will nicht an die richtige Stelle

Alleine durch einen Codeschnipsel kann man dir nicht helfen. Deshalb ist es immer besser den kompletten Code mal anzuzeigen denn meistens hängt darin der Fehler und man kann dir dann richtig helfen.

 

[Kadey]

AW: Footer will nicht an die richtige Stelle

Ok..einen Versuch mache ich nochmal...

also wie gesagt..mein footer setzt sich immer direkt unter den Header...

Hier mal der Css code:

@charset "utf-8";
/* CSS Document */

*             {margin:0}


body {         background: url(../images/bg-body.jpg) no-repeat center top; 
            font-size:67.5%; 
            font-family: "Times New Roman", Times, serif;}


html{         background: url(../images/bg-html.jpg) repeat-x #003366;}


#header{     width:980px; 
            height:196px; 
            background:url(../images/bg-header.jpg) no-repeat; 
            margin:0 auto;}


        
#content{                 width:980px; 
                        margin:0 auto;}
            
    #sidebar{                 width:228px; 
                            float:left; 
                            color:#cccccc;
                            padding:30px 0px 0px 0px;}
    
                            
    #ContentMain{             width:732px; 
                            background:url(../images/ContentText-pxl.png);
                            repeat-y; 
                            float:left; padding:0px 0px 0px 0px;}
                            
                            
            #ContentMainHead{     background:url(../images/bg-header-ContentText.png) no-repeat; 
                                width:732px;
                                height:20px;  
                                padding:0px 0px 0px 0px; 
                                }
                                
            #TextFenster{         background:url(../images/ContentSchriftFenter.png) no-repeat center bottom; 
                                width:732px; 
                                min-height:426px; 
                                }    
                
                
                #TextFenster h1    {     background:url(../images/h1.jpg) no-repeat; 
                                    width:490px; 
                                    height:80px; 
                                    text-indent:-3000000px;
                                    margin: 15px 0px 20px 10px; }
                                    
                
                #TextFenster p {     padding:0px 50px 15px 20px;
                                    font-size:1.5em; te
                                    color:#000000; font-family:"Times New Roman", Times, serif, "Courier New", "Comic Sans MS", Impact;
                                    line-height:1.6em;}            
            
                                                     
            
            #sidebar div{ margin-bottom:15px;}                      
            
            
            #sidebar h1{         font-size:2.2em;}  
            
            .box1{                 width:237px; 
                                height:43px; 
                                background:url(../images/bg-box1.png) no-repeat; 
                                padding:13px 0px 0px 30px;}
                                
            .box2{                 width:237px; 
                                height:43px; 
                                background:url(../images/bg-box2.png) no-repeat; 
                                padding:13px 0px 0px 30px;}
            
            .box3{                 width:237px; 
                                height:43px; 
                                background:url(../images/bg-box3.png) no-repeat; 
                                padding:13px 0px 0px 30px;}
                                
            .box4{                 width:237px; 
                                height:43px; 
                                background:url(../images/bg-box4.png) no-repeat; 
                                padding:13px 0px 0px 30px;}
                                
            .box5{                 width:237px; 
                                height:43px; 
                                background:url(../images/bg-box5.png) no-repeat; 
                                padding:13px 0px 0px 30px;}
                                
            .box6{                 width:237px; 
                                height:43px; 
                                background:url(../images/bg-box6.png) no-repeat; 
                                padding:13px 0px 0px 30px;}    
                                
                                
            #footer{             background:#000 no-repeat;  
                                width:980px; 
                                height:180px;}                                                                                                                    
                                
    
    
    
a {                         color:#cccccc;}  

a:hover{                     text-decoration:none;} 

.clear{                     clear:both;}

Und hier der Html-code :

<link href="css/styles.css" rel="stylesheet" type="text/css" media="screen" />
</head>

<body>

<div id="header"></div>    
<!--ende vom Header-->

<div id="content">


    
    
    <div id="sidebar">
        <div class="box1"><h1><a href="Home.php">Home</h1></div></a>
        <div class="box2"><h1><a href="Wir über uns.php">Wir über uns</h1></div></a>
        <div class="box3"><h1><a href="Leistungen.php">Leistungen</h1></div></a>
        <div class="box4"><h1><a href="Partner.php">Partner/Links</h1></div></a>
        <div class="box5"><h1><a href="Gallery.php">Gallery</h1></div></a>
        <div class="box6"><h1><a href="Kontakt.php">Kontank</h1></div></a>
</div> <!--ende der Sidebar-->
    
    
<div id="ContentMain">
    <div id="ContentMainHead">
    <br class="clear" /></div>
    
<div id="TextFenster">
<h1>Herzlich willkommen</h1>
<p>Mein Text</p>

</div>

</div> <!--ende vom ContentMain-->
                 



</div> <!--ende vom ContentContainer-->


<div id="footer"></div>  <!--Ende vom footer-->




</body>
</html>

 

[cebito]

AW: Footer will nicht an die richtige Stelle

Ok..einen Versuch mache ich nochmal...

Deine Seite ist zentriert, mach es doch für den Footer auch.

Zu deinem Problem, du clearst an der falschen Stelle. Dein clear gehört hier </div> <!--ende vom ContentMain--> hinten dran. Wobei ich ein <br> nicht grad zum clearen benutzen würd...

Deine Navi ist auch alles andere als optimal, h1 ist die Seitenüberschrift ersten Grades, hat in der Navi nix verloren, genauso wie divs für jeden einzelnen Menüpunkt. Und dann machst es auch noch falsch:

<div class="box1"><h1><a href="Home.php">Home</h1></div></a>

Wenn überhaupt, sollte a auch nach "Home" wieder geschlossen werden.

Am besten du schaust dir mal an, wie eine Navigation mittels Listen aufgebaut ist, da sparst dir deine ganzen Boxen und dein code wird schlanker, übersichtlicher und auch noch webtauglicher.