link zentrieren

[littleHtml Freak]

hi ich will einen link unten in der mitte der seite platziern...
eigendlich sollte es ja mit

margin: 0px auto;

gehen. aber tuts nicht :(
html/php:

echo '<span class="counter">Sie sind Besucher nummer '.$c.'.</span>';
                ?>
<span class="fussnote"><a href="kontakt.php" class="fussnote">Impressum</a></span>

css:

a.fussnote {
        color: #ffffff;

                                }
span.fussnote {
               margin: 0px auto;
               }
span.counter {
         float: left;
         color: #ffffff;
                 }

wenn ich nur den link formatiere und den span.fussnote ganz weglasse geht es auch nicht...
http://skulozik.sk.ohost.de/index.php

 

[thuemmy]

Wenn der Link ein Blcokelement wäre, dann würde das mit margin: 0 auto; gehen.

Es gibt 2 Möglichkeiten:

1.
a.fussnote
{
color:#ffffff;
display: block;
}
2.
a.fussnote
{
color: #ffffff;
text-align: center;
}

Gruß thuemmy

 

[_Thor_]

Mit margin lassen sich auch nur Blockelemente zentrieren, für Inline-Elemente brauchst du text-align: center;

 

[littleHtml Freak]

danke für die schnelle antwort!
das hab ich auch schon probiert (jetzt gerade nocheinmal) aber es geht nicht?!
könnte es daran leigen dass der link neben dem counter liegt (soll er auch)

EDIT:hab das ausprobiert indem ich den link auch in ne andere seite eingefügt hab aber da ist der link dann auch auf der rechten seite?!

 

[rapid10]

Wozu hast du überhaupt das span? Du kannst den Link aus so ansprechen. Gib <a> eine Klasse.

 

[littleHtml Freak]

hab ich hab beides probiert.
den span hab ich erst genommen als es mit a nicht funktioniert hat...
ich denk ich versuche es dann mit verschiedenen boxen

 

[prm]

Wie immer in solchen Fällen wäre ein Link hilfreich.
Hat deine Seite einen qualifizierten Doctype? Ohne den funktioniert die Zentrierung im IE auch nicht.

 

[rapid10]

Simon Kulozik - Home

Hat er schon. ;)

 

[prm]

Sorry.
Versuch's mal damit (width-Wert entsprechend anpassen)

span.fussnote {
        display: block;
width: 900px;
margin: 0 auto;
}