Inhalt in Quadrat einbauen?

Guten Tag.

Ich habe mein aktuelles Wordpress Template bis jetzt so umgebaut, dass nur noch der Inhalt, also die aktuellsten Posts sichtbar sind. Es gibt also keine navigation.

Nun will ich, dass dieser reine Inhalt in ein Quadrat Quetschen, welches 550px breit und eben auch 550px hoch ist. Dieses Quadrat soll einn schwarzen Rahmen haben, den ich individuell einstellen kann. Auch sollte dieses Quadrat von alles Seiten aus gesehen genau in der Mitte sein.

Um dieses Quadrat soll noch ein Quadrat sein, welches natürlich größer ist. Auch hier sollte ich die größe und den Rand genau nach px einstellen können. In diesem Quadrat soll unten das Menü sein.

Nun meine Frage, wie ich das realisieren kann.

Hat jemand eine Idee?:(

MFG

Taschmahal

Also ich bin nun dank eurer Hilfe etwas weiter gekommen. Ich habe den inneren Teil so, dass er auch gut aussieht und funktioniert. Nur weiß ich nicht, wie ich diesen Teil genau in die Mitte bekomme, von allen Seiten aus gesehen. muss ja dann irgendwas mit 50% oder so sein, weil es ja dynamisch ist.

<?php get_header(); ?>


<div style="border:5px #000000 solid; width:550px; height:550px; overflow:auto; margin-top:auto;">


    <div id="content">


        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
        <div class="post" id="post-<?php the_ID(); ?>">
        <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanenter Link zu <?php the_title(); ?>"><?php the_title(); ?></a> <small class="edit"><?php edit_post_link('bearbeiten'); ?></small></h2>
            <div class="entry">
                <?php the_content('<p class="serif">Den ganzen Beitrag lesen &raquo;</p>'); ?>


                <?php wp_link_pages(array('before' => '<p><strong>Seiten:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
</div>
            </div>
        </div>
        <?php endwhile; endif; ?>
    </div>


<?php get_footer(); ?>

siehe Photography

Nun weiß ich eben nicht, wie ich diesen dynamischen Abstand hinbekomme. Wenn dann fertig ist, seh ich weiter.

Zitat von Herr Schmidt

align=center und
valign=middle
?

hat keinen effekt irgendwie.

<div style="border:5px #000000 solid; width:550px; height:550px; overflow:auto; margin-top:auto; align:center; valign:middle;">

ok danke! es funktioniert!:-D

Jetzt mache ich mich mal an den äußeren rand. vielen dank!