Text align center nicht funktionieren

Auf meiner Webseite habe ich eine position fixed footer, wo will ich zentriert-text in.
Das merkwürdige ist, dass alles, was im tun der text nicht zentriert sein, es ist immer Links statt.

<div id="footer">  
Copyright 2013 © LolStreamGallery - <a href="TermsofUse.html">Terms of Use</a>
</div>

CSS:

#footer {
    text-align:center;  
    position:fixed;
    bottom:0px;
    height:30px;
    background-color:#ededed;
    font-family: "Myriad Pro";
    font-size:14px;
}

Du vielleicht wann weiß die CSS des Körpers auch:

body {
    background-color:#ededed;
    /*text-align:left;*/
    margin:0;
    padding:0px; 
}

Habe ich bereits versucht, outcomment den Körper Standard richten wie Sie sehen können, hatte aber keine Wirkung.
Jemand eine Idee?

InformationsquelleAutor Jakob Abfalter | 2013-01-04
  1. 5

    Ändern Sie diese:

    #footer {
    text-align:center;  
    position:fixed;
    bottom:0px;
    height:30px;
    background-color:#ededed;
    font-family: "Myriad Pro";
    font-size:14px;
    width:100%; //added
}

    jsFiddle Demo

    InformationsquelleAutor Siamak A.Motlagh
  2. 2

    Ihre Fußzeile muss die Strecke über den Boden. Fügen Sie ein width:100% zu Ihrem #footer style-element.

    #footer {
    text-align:center;  
    position:fixed;
    bottom:0px;
    height:30px;
    width:100%;
    background-color:#ededed;
    font-family: "Myriad Pro";
    font-size:14px;
}

    http://jsfiddle.net/4zqbX/

    InformationsquelleAutor Kevin Whatever
  3. 2

    Wenn Sie #footer zu position: fixed, es hat keine Breite mehr. Also technisch ist der Inhalt #footer ist immer noch zentriert innerhalb #footer, aber #footer nimmt seine Breite von der Breite seiner Inhalte. Also, Sie haben, um Sie entweder loszuwerden position: fixed oder geben #footer eine Breite. Wenn Sie hinzufügen width: 100% zu #footer sollte es funktionieren.

    • Ich glaube nicht, dass deine erste Aussage ist wahr, @mrdanimal. Vielleicht auf einer gewissen Ebene, aber nicht eine, die bezieht sich auf die Frage. Denn dies ist eine Fußzeile, die position definiert werden müssen. Einfaches hinzufügen einer Breite von 100%, die viele vorgeschlagen haben, ist genug.
    InformationsquelleAutor mrdanimal
  4. 1

    Vielleicht müssen Sie geben Sie eine Breite für Ihre #footer

    #footer {
    text-align:center;  
    position:fixed;
    bottom:0px;
    height:30px;
    background-color:#ededed;
    font-family: "Myriad Pro";
    font-size:14px;
    /*New*/
    width:100%;
}​

    Test: http://jsfiddle.net/h6crw/1/

    InformationsquelleAutor karacas
  5. 1

    Es ist, weil der text in der Mitte des div, aber wenn Sie einen Rahmen hinzufügen, sehen Sie dann die div ist genauso groß wie der text.

    Fügen Sie einfach ein width:100%; den footer und fertig.

    InformationsquelleAutor Renārs Vilnis
Schreibe einen Kommentar