Problem mit <div>

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • 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

    Kommentar


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

      Kommentar


      • #4
        Zitat von McCry Beitrag anzeigen
        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

        Kommentar


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

          Kommentar

          Lädt...
          X