Fußzeile - Bereich in der Mitte definieren !

[Adrasteia]

Hallo,

ich benutze für meine Webseite einen Wordpressblog mit vordefinierter Fußzeile, die aber leider den Bereich in der Mitte ausgespart hat. Wenn ich nun versuche mich mit <div align="center"></div> dem Problem zu nähern, wird die gesamte Fußzeile eine Zeile nach unten bzw. nach oben verschoben.

Wie bekomme ich denn alles in eine Zeile?

Das ist die footer.php

<div id="footer">
<div class="footer-sidebar-container clearfix">
<?php $footer_sidebars = arras_get_option('footer_sidebars');
if ($footer_sidebars == '') $footer_sidebars = 1;
for ($i = 1; $i < $footer_sidebars + 1; $i++) : ?>
<ul id="footer-sidebar-<?php echo $i ?>" class="footer-sidebar clearfix xoxo">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Footer Sidebar #' . $i) ) : ?> <li></li>
<?php endif; ?> </ul> <?php endfor; ?> </div>
<div class="footer-message">
<p class="floatright"> Text für rechten Bereich, rechtsbündig</p> <?php echo stripslashes(arras_get_option('footer_message')); ?> </div><!-- .footer-message --> </div>

Der linke Bereich wird über das Dashbord angesprochen, der rechte Bereich wird über "floatright" definiert, was in der CSS mit
".floatright { float: right; }" angegeben ist.

 

[threadi]

Schieb den floatright-Bereich in dem HTML-Code vor den floatleft-Bereich.

 

[Adrasteia]

Entschuldige die dumme Frage, aber ich weis nicht wo der floatleft Bereich ist.

 

[threadi]

Den sieht man nicht wirklich in deinem PHP-Code-Ausschnitt. Relevant für CSS-Fragen ist immer nur der erzeugte HTML-Code, nicht PHP. Daher kann man den konkreten Aufbau momentan nur erahnen.

Das beschriebene Problem ist mir jedoch oft genug untergekommen. Die Lösung ist meist, den rechts floatenden Bereich im HTML-Code vor den links zu floatenden Bereich zu schieben. Welcher das bei dir ist, kann man wie gesagt nicht genau sagen, nicht mal erahnen.

 

[Adrasteia]

Ok, ich danke dir. Das bringt mich schonmal einen kleinen Schritt weiter.

Hier ist denke ich der erzeugte HTML Code zu meinem "Problem".

<div id="footer">         
<div class="footer-sidebar-container clearfix">                             
<ul id="footer-sidebar-1" class="footer-sidebar clearfix xoxo">                     
<li id="wp_sidebarlogin-3" class="widgetcontainer clearfix"><h5 class="widgettitle">Welcome</h5>
<div class="avatar_container"></div><ul class="pagenav"><li class="page_item"><a href="">Übersicht</a></li>
<li class="page_item"><a href="">Profil</a></li>
<li class="page_item"><a href="">Ausloggen</a></li></ul></li>
<li id="linkcat-2" class="widgetcontainer clearfix"><h5 class="widgettitle">aktiv werden</h5>     
<ul class='xoxo blogroll'> 
<li>URL LInks</li>      
</ul> </li> <li id="linkcat-60" class="widgetcontainer clearfix"><h5 class="widgettitle">Umweltorganisationen</h5>     
<ul class='xoxo blogroll'> 
<li>URL Links</li>     </ul> </li>                 </ul>                     
</div>                  
<div class="footer-message">         
<p class="floatright"><a class="arras" href=""><strong>Impressum</strong></a> | 
<a href=""><strong>Sitemap</strong></a><br /><a title="" target="_blank"><img src="" border="0" alt="square7" /></a> | 
<a title="arras" href="http://www.arrastheme.com/" target="_blank"><img src="" border="0" alt="arras" /></a><br /> 
<a title="wordpress" href="http://wordpress.org/" target="_blank"><img src="" border="0" alt="wordpress" /></a> | 
<a href="http://www.trafficrank.de/" target="_blank" title="TrafficRank.de"><img src="" border="0" alt="TrafficRank.de kostenlose Statistik mit PageRank-Anzeige ohne Toolbar" /></a>
<a href="http://www.trafficrank.de/" target="_blank" title="TrafficRank.de"><img src="http://www.trafficrank.de/pagerank/style2/pagerank1.gif" border="0" alt="TrafficRank.de kostenlose Statistik mit PageRank-Anzeige ohne Toolbar" /></a> </p>         
<p>© 2009 - 2011<br /> article are written by inflamare<br /> all rights reserved</p>                 
</div><!-- .footer-message -->     
</div> </div><!-- #wrapper -->

Leider hilft mir der Code so nicht weiter. Der Bereich mit dem P Tag ganz unten ist der Floatleftbereich, aber wie ich nun meinen Code davor bekomme, weis ich nicht.

 

[T!P-TOP]

Hm ok scheinbar gibts keinen Float Left Bereich. Zeige mal bitte deine Website her.

 

[Adrasteia]

Aber klar. www.only-one-world.de.vu

 

[threadi]

Wie schon gesagt:
Den Abschnitt

<p>&copy; 2009 - 2011 www.only-one-world.de.vu<br>
article are written by inflamare<br>
all rights reserved</p>

müsstest Du mit einen float: left und einer festen Breite versehen, also z.B.

<p style="float: left;width: 300px;">&copy; 2009 - 2011 www.only-one-world.de.vu<br>
article are written by inflamare<br>
all rights reserved</p>

danach kannst Du hinter diesem Abschnitt ein Element einfügen, welches den Inhalt der Mitte beinhalten würde. Also:

<p style="float: left;width: 300px;">&copy; 2009 - 2011 www.only-one-world.de.vu<br>
article are written by inflamare<br>
all rights reserved</p>
<p>Inhalt in der Mitte</p>

Beachte, dass Du nun auch noch hinter dem Footer clearen musst.

 

[Adrasteia]

Danke

Vielen Dank.

Werde die Tage versuchen, das auf die Reihe zu bekommen.

Hab es geschafft. :-)