Hallo,
ich möchte sehr gern meine Fußzeile in drei Bereiche unterteilen. Standardmäßig ist nur der rechte und der linke Bereich gesetzt.
http://imageshack.us/photo/my-images/600/fuss.png/
Ich komme mit den Div-Boxen irgendwie nicht klar. Auch gibt es kein "float: center" wie mir scheint.
Wie bekomme ich Text mittig / centriert angezeigt ohne dabei den rechten und linken schon vorhandenen Teil zu verschieben?
Meine Footer.php
HTML
</div><!-- #main -->
<?php arras_before_footer() ?>
<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>
</div><!-- #wrapper -->
<?php
arras_footer();
wp_footer();
?>
</body>
</html>Meine CSS
HTML
.aligncenter { display: block; margin: 0 auto; }
.alignright { float: right; margin: 0 0 1em 1em; }
.alignleft { float: left; margin: 0 1em 1em 0; }
.floatleft { float: left; }
.floatright { float: right; }
img.aligncenter, img.alignright, img.alignleft { border: 1px solid #DDD; text-align: center; background: #F3F3F3; padding: 4px; }
.textcenter { text-align: center; }
.textright { text-align: right; }
.textleft { text-align: left; }
.wp-caption { border: 1px solid #DDD; text-align: center; background: #F3F3F3; padding-top: 4px; margin: 10px }
.wp-caption img { margin: 0; padding: 0; border: none }
.wp-caption .wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0 }Edit:
Also wenn ich daraus div Container mache, dann wird der gesamte Text nach unten verschoben. Also das
HTML
<div align="center">Test</div><div class="floatright">Text für rechten Bereich, rechtsbündig</div>
anstelle von dem
HTML
<p class="floatright"> Text für rechten Bereich, rechtsbündig</p>