Steve77: Problem mit Floats: Inhaltsbox zieht zu lang

Beitrag lesen

(ab Body, Teil 2. Am besten mal in dne Texteditor ziehen, durch die Umbrüche sieht es hier wilder aus, als es ist und wenn man es im Browser sieht, wird die Struktur direkt klar):

<body>
<div id="container">
<div id="header">
<a id="logo" href="http://www.domain.de" title="zur Startseite"></a>
<!-- header --></div>

<div id="main">

<div id="sidebar">

<ul id="menu">
   <li id="search" class="widget widget_search">
   <form id="searchform" method="get" action="http://domain.de">

<div>
    <input type="text" name="s" id="s" size="15" />
    <input type="submit" id="searchsubmit" value="Suchen" />
   </div>
   </form>
   </li>
   <li id="flexi-pages-1" class="widget flexipages_widget">
    <h2 class="widgettitle">Seiten</h2>

<ul>
                           <li class="page_item current_page_item"><a href="http://domain.de" title="domain.de">Home</a></li><li class="page_item page-item-7"><a href="http://domain.de/berufliches" title="Berufliches">Berufliches</a></li>
                          <li class="page_item page-item-34"><a href="http://domain.de/privates" title="Privates">Privates</a></li>
                           <li class="page_item page-item-6"><a href="http://domain.de/kontakt" title="Kontakt">Kontakt</a></li>
                           <li class="page_item page-item-5"><a href="http://domain.de/impressum" title="Impressum">Impressum</a></li>
     </ul>

</li>
             <li id="categories-83408751" class="widget widget_categories">
               <h2 class="widgettitle">Kategorien</h2>
                   <ul>
      <li class="cat-item cat-item-137"><a href="http://domain.de/category/blog" title="Alle unter blog abgelegten Artikel ansehen">blog</a></li>
      <li class="cat-item cat-item-4"><a href="http://domain.de/category/blog1" title="Alle unter blog1 abgelegten Artikel ansehen">blog1</a></li>
      <li class="cat-item cat-item-138"><a href="http://domain.de/category/blog2" title="Alle unter blog2 abgelegten Artikel ansehen">blog2</a></li>
      <li class="cat-item cat-item-6"><a href="http://domain.de/category/blog3" title="Alle unter blog3 abgelegten Artikel ansehen">blog3</a></li>
     </ul>
   </li>
              <li id="archives" class="widget widget_archive">
               <h2 class="widgettitle">Archiv</h2>
                   <ul>
      <li><a href='http://domain.de/2008/04' title='April 2008'>April 2008</a></li>
                           <li><a href='http://domain.de/2008/03' title='M&auml;rz 2008'>M&auml;rz 2008</a></li>
                           <li><a href='http://domain.de/2008/02' title='Februar 2008'>Februar 2008</a></li>
                           <li><a href='http://domain.de/2007/12' title='Dezember 2007'>Dezember 2007</a></li>
     </ul>
   </li>
              <li id="meta" class="widget widget_meta">
               <h2 class="widgettitle">Login/ Adminbereich</h2>
                   <ul>
      <li><a href="http://domain.de/wp-login.php?action=register">Registrieren</a></li>
                           <li><a href="http://domain.de/wp-login.php">Anmelden</a></li>
      <li><a href="http://domain.de/feed" title="Abonniere diese Seite via RSS 2.0">Eintr&auml;ge <abbr title="Really Simple Syndication">RSS</abbr></a></li>
      <li><a href="http://domain.de/comments/feed" title="Die neuesten Kommentare zu allen Beitr&auml;gen als RSS">Kommentare als <abbr title="Really Simple Syndication">RSS</abbr></a></li>
      <li><a href="http://wordpress.org/" title="Powered by WordPress - die zeitgem&auml;&szlig;e Plattform zum Ver&ouml;ffentlichen pers&ouml;nlicher Artikel.">WordPress.org</a></li>
     </ul>

</li>
  </ul>
  <span class="scotch"></span>
 </div><!-- Sidebar -->

<div id="content" class="home">

<div class="post" id="post-44">
    <h1><a href="http://domain.de/permalink" rel="bookmark" title="%s">Postingtitel</a></h1>
    <small>Ver&ouml;ffentlicht am 04. April 2008 um 20.38 Uhr.</small>
    <div class="beitrag">
     <p><a title="Linktitel" href="http://www.domain.de/images/bildquelle.jpg"><img class="beitrag_re quer" src="http://www.domain.de/images/bild_s.jpg" alt="Bildtitel - zum Vergr&#246;&#223;ern klicken" /></a>Ich bin Fliesstext, ich bin Fliesstext, usw. usw. <a href="http://domain.de/live-in-concert/permalink#more-44" class="more-link">weiter lesen &#187;</a></p>
     <div style="clear:both;"></div>
    </div>
    <p class="postmetadata">Kategorie <a href="http://domain.de/category/blog1" title="Alle Artikel in blog1 ansehen" rel="category tag">live in concert!</a> | <a href="http://domain.de/blog1/permalink/#respond" title="Kommentiere Beitrag">0 Kommentare &#187;</a> </p>
   </div>

<div class="post" id="post-43">
    <h1><a href="http://domain.de/permalink" rel="bookmark" title="%s">Postingtitel</a></h1>
    <small>Ver&ouml;ffentlicht am 04. April 2008 um 20.38 Uhr.</small>
    <div class="beitrag">
     <p><a title="Linktitel" href="http://www.domain.de/images/bildquelle.jpg"><img class="beitrag_re quer" src="http://www.domain.de/images/bild_s.jpg" alt="Bildtitel - zum Vergr&#246;&#223;ern klicken" /></a>Ich bin Fliesstext, ich bin Fliesstext, usw. usw. <a href="http://domain.de/live-in-concert/permalink#more-44" class="more-link">weiter lesen &#187;</a></p>
     <div style="clear:both;"></div>
    </div>
    <p class="postmetadata">Kategorie <a href="http://domain.de/category/blog1" title="Alle Artikel in blog1 ansehen" rel="category tag">live in concert!</a> | <a href="http://domain.de/blog1/permalink/#respond" title="Kommentiere Beitrag">0 Kommentare &#187;</a> </p>
   </div>

<div class="post" id="post-42">
    <h1><a href="http://domain.de/permalink" rel="bookmark" title="%s">Postingtitel</a></h1>
    <small>Ver&ouml;ffentlicht am 04. April 2008 um 20.38 Uhr.</small>
    <div class="beitrag">
     <p><a title="Linktitel" href="http://www.domain.de/images/bildquelle.jpg"><img class="beitrag_re quer" src="http://www.domain.de/images/bild_s.jpg" alt="Bildtitel - zum Vergr&#246;&#223;ern klicken" /></a>Ich bin Fliesstext, ich bin Fliesstext, usw. usw. <a href="http://domain.de/live-in-concert/permalink#more-44" class="more-link">weiter lesen &#187;</a></p>
     <div style="clear:both;"></div>
    </div>
    <p class="postmetadata">Kategorie <a href="http://domain.de/category/blog1" title="Alle Artikel in blog1 ansehen" rel="category tag">live in concert!</a> | <a href="http://domain.de/blog1/permalink/#respond" title="Kommentiere Beitrag">0 Kommentare &#187;</a> </p>
   </div>

<div class="navigation">
   <div class="alignleft">&laquo; &Auml;ltere Beitr&auml;ge<a href="http://domain.de/page/2"></a></div>
   <div class="alignright">Neuere Beitr&auml;ge &raquo;</div>
  </div>

<!-- content --></div>

<p class="footer">#footer</p>
<!-- main --></div>

<ul id="navoben">
<li><a href="http://www.domain.de/">Home</a></li>
<li class="page_item page-item-7"><a href="http://domain.de/rubrik1" title="Berufliches">Berufliches</a></li>
<li class="page_item page-item-34"><a href="http://domain.de/rubrik2" title="Privates">Privates</a></li>
<li class="page_item page-item-11"><a href="http://domain.de/rubrik3" title="Fotogalerien">Fotogalerien</a></li>
<li class="page_item page-item-6"><a href="http://domain.de/rubrik4" title="Kontakt">Kontakt</a></li>
</ul>

<!-- container --></div>
</body>
</html>