Im Footer nach oben Sprung mittig setzen

DeWar

Hi zusammen

mein Footer sieht so aus:

HTML

<div class="fix"></div>


    </div><!--/columns -->
    
    <div id="footer">
                 <p class="fl">Copyright &copy; 2008 - <?php the_time('Y'); ?> by <?php bloginfo(); ?>.</p> 
          <p class="fr">Powered by <a href="#">Wordpress</a>.</p>
    </div><!--/footer -->


</div><!--/page -->

Alles anzeigen

und ich würde gerne diesen Sprung in die Mitte setzen

HTML

<a href="#oben">Ganz nach oben springen</a>

Im Header ist alles Ok und es funzt auch, aber egal wie ich es mache, dieser Sprung drückt mir immer den anderen Code auf der Seite aus dem Footer raus. Oder er steht genau neben dem linken oder rechten Text.
Wie wäre die <a class="f?" für die Mitte oder wie kann ich das am besten machen?

Dankeschön für eure Hilfe!

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

maxe

wie wäre es erstmal mit einem Link zum Problem? Dann können wir uns auch mal das css dazu anschauen.

DeWar

In der Style.css steht das hier

HTML

/*========= MISC =========*/


.fix{
    clear: both;
    height: 1px;
    margin: 0 0 -1px;
    overflow: hidden;
}
.hl{
    border-bottom: 2px solid #eee;
}
.hl-full{
    float:left;
    clear:both;
    height:1px;
    width:100%;
    padding:0 !important;
    margin:0px 0px 15px;
}
.hl2{
    border-bottom: 3px solid #c0c0c0;
}
.hl3{
    border-bottom: 1px solid #eee;
}
.blog{
    width:100% !important;
    float:left;
}
.between{
    height:2px;
    margin-bottom:15px;
    }


.fl{
    float: left;
}
.fr{
    float: right;

Alles anzeigen

Ich würde jetzt das einfügen:

HTML

.fl{
    float: left;
}
.fr{
    float: right;
}
.fc{
    float: center;    
}

Wäre das dumm oder gar falsch?

mfitzen

Code

float:center;

gibt es nicht. Versuch´s mal mit

Code

text-align: center;

Die Texte links und rechts davon lässt Du dann entsprechend floaten.

[SIZE="1"]Du darfst demnächst trotzdem einen Link zum Problem posten... Es ist immer besser sowas "live" zu sehen (wenn möglich).[/SIZE]

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Im Footer nach oben Sprung mittig setzen

Jetzt mitmachen!