Problem mit <div>

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Problem mit <div>

    Hi,
    ich habe folgendes Problem:
    Meine Website (http://anti-hiphop-area.bplaced.net) soll so angezeigt werden:
    Head
    Content
    Foot

    Allerdings wird sie so angezeigt:
    Head
    Content Foot

    HTML Code:
    <html>
     <head>
      <title>Anti HipHop Area</title>
      <link href="css/aufbau.css" rel="stylesheet" type="text/css" />
      <link href="css/include.css" rel="stylesheet" type="text/css" />
      <link rel="SHORTCUT ICON" href="pics/icon.ico" type="image/x-icon">
     </head>
     <body>
      <?
       $page = $_GET["page"];
      ?>
      <div id="design">
          <a href="admin/login.php" style="float:right; margin-right:20px; margin-top:20px;">Administration</a>
       <div id="head">
        <table width="950" height="250>
         <tr height="10">
          <td width="90"></td><td width="90"></td><td width="90"></td><td width="90"></td><td width="90"></td><td width="90"></td><td width="90"></td><td width="90"></td><td width="90"></td><td width="90">
           <a href="https://twitter.com/AntiHipHopArea" class="twitter-follow-button" data-show-count="false" data-lang="de">@AntiHipHopArea folgen</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
          </td>
         </tr>
        </table>
       </div>
       
       <div id="content">
       
        <div class="navi">
         <div class="titel">AHHA</div></br><hr>
         <a href="index.php?page=home" class="links_navi">Home</a></br>
         <a href="index.php?page=bands" class="links_navi">Bands</a></br>
         <a href="index.php?page=login" class="links_navi">Login</a></br>
         <a href="index.php?page=links" class="links_navi">Links</a></br>
         <a href="index.php?page=kontakt" class="links_navi">Kontakt</a></br>
        </div>
        
        <div class="content">
         <?
         if(!isset($page)) {
          include "include/home.php";
         }
         switch ($page)
             {
                 case 'home':
                     include 'include/home.php';
                     break;
                 case 'news':
                     include 'include/news.php';
                     break;
                 case 'bands':
                     include 'include/bands.php';
                     break;
                 case 'login':
                     include 'include/login.php';
                     break;
                 case 'links':
                     include 'include/links.php';
                     break;
                 case 'kontakt':
                     include 'include/kontakt.php';
                     break;
             }
         ?>
        </div>
           <div id="foot"></div>
       </div>  
      </div>
     </body>
    </html>
    Hoffe das mir jemand helfen kann
    Lg McCry

  • #2
    Code:
    #foot {
      ...  
      clear: both;
    }
    Und dann noch ein wenig anpassen.

    Peter
    Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
    Meine Seite

    Comment


    • #3
      WOW Danke.
      Nur jetzt wird der Foot unter dem Inhalt von #Content angezeigt.
      Also immernoch im content DIV drin.?

      Comment


      • #4
        Originally posted by McCry View Post
        Also immernoch im content DIV drin.?
        Worked as designed. Tipp: Nimm dir mal den Firebug zu Hilfe, dann wirst du es sehen. Ein kleines Tutorial zu dieser feinen Erweiterung findest du z.B. bei mir. Ach ja, da gibt es auch noch ein Tutorial zum Thema floaten. Solltest du dir ggf. auch mal ansehen.

        Peter
        Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
        Meine Seite

        Comment


        • #5
          Super Danke.
          Jetzt ist alles richtig!!!

          Comment

          Working...
          X