Hilfe mit HTML oder CSS.

<div id="page-wrap">
   <ul class="navigation">
      <li><a href="#divEins">Menuepunkt Eins</a></li>
      <li><a href="#divZwei">Menuepunkt Zwei</a></li>
      <li><a href="#divDrei">Menuepunkt Drei</a></li>
   </ul>

   <div id="divEins">
      <h3>Meine erste Ueberschrift</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
            incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
            exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure 
            dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt 
            mollit anim id est laborum.
   </div><!-- endFirstContainer -->

   <div id="divZwei">
      <h3>Meine zweite Ueberschrift</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
            incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
            exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure 
            dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt 
            mollit anim id est laborum.

      <ul id="gallery">
         <li><img src="" alt="">
         <li><img src="" alt="">
         <li><img src="" alt="">
      </ul>
   </div><!-- endSecondContainer -->

   <div id="divDrei">
      <h3>Meine dritte Ueberschrift</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
            incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud 
            exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure 
            dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt 
            mollit anim id est laborum.
      <object width="640" height="385">
         <param name="movie" value="http://www.youtube.com/v/NXGgOgbRYNI&hl=de_DE&fs=1&rel=0"></param>
         <param name="allowFullScreen" value="true"></param>
         <param name="allowscriptaccess" value="always"></param>
         <embed src="http://www.youtube.com/v/NXGgOgbRYNI&hl=de_DE&fs=1&rel=0" 
                type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true"
                width="640" height="385">
         </embed>
      </object>
   </div><!-- endThirdContainer -->

</div><!-- endPageWrap -->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript"><!--
   $(function () {
      var tabInhalt = $('div#page-wrap > div');
      tabInhalt.hide().filter(':first').show();
      			
      $('div#page-wrap ul.navigation a').click(function () {
         tabInhalt.hide();
         tabInhalt.filter(this.hash).show();
         return false;
      });
   });
--></script>

<script type="text/javascript">

function toHide(hides) {
	
	var theDivs = hides;
	var countHides = theDivs.split(',');

	for(i = 0; i < countHides.length; i++){
		document.getElementById(countHides[i]).style.display = 'none'; 
	}
	
}

function toShow(show) {
	
	document.getElementById(show).style.display = 'block';
}

</script>

<a href='javascript:toHide("about,hobbys,name");' onClick='toShow("generelles");'>Generelles</a> &harr; 
<a href='javascript:toHide("generelles,hobbys,name");' onClick='toShow("about");'>Über mich</a> &harr; 
<a href='javascript:toHide("generelles,about,name");' onClick='toShow("hobbys");'>Hobbys</a> &harr; 
<a href='javascript:toHide("generelles,hobbys,about");' onClick='toShow("name");'>Mein Name</a>


<div id='generelles' style="display: block">Hier würde dann eine generelle Info stehen.</div>
<div id='about' style="display: none">Hier würde dann etwas über Dich stehen.</div>
<div id='hobbys' style="display: none">Hier würden dann Deine Hobbys stehen.</div>
<div id='name' style="display: none">Hier würde dann Dein Name stehen.</div>

text-align: center

text-align: center; display: block;