Div soll nicht in die nächste Zeile rutschen

rogerberglen

Hallo Zusammen,
ich möchte gerne, dass die Div's beim Ändern der Fensterbreite nicht untereinander angeordnet werden, sondern diese ggfls. übereinander geschoben werden.
Ich habe es bis jetzt leider noch nicht herausgefunden wie ich das angehen soll.

Hier mal mein Bisher Erstelltes:

HTML

<!DOCTYPE html>


<!-- ************************************************************
     *     Home-Seite der MFB-Buchenbachtal Motorradreunde      *
     ************************************************************
     * 04.10.2014                                          V0.1 *
     ************************************************************ -->


<html lang="de">


<!-- ************************************************************
     *                 Kopfbereich der Home-Seite               *
     ************************************************************ -->


<head>


  <meta name="Googlebot"   content="Index, Follow" />
  <meta name="Robots"      content="Index, Follow" />
  <meta name="description" content="Die Webpr&auml;sens der Motorradfreunde Buchenbachtal hat den Zweck
                                    Au&szlig;enstehende &uuml;ber die Vereinigung zu informieren. Dabei
                                    werden die Historie und die Aktivit&auml;ten beleuchtet und durch 
                                    viele Bilder verdeutlicht." />
  <meta name="author"      content="Ralf Kaiser" />
  <meta name="keywords"    content="Motorradfreunde Buchenbachtal, Winnenden, Berglen, Motorradclub, Stammtisch,
                                    Buchenbach, Biker, Motorradfreunde, Rems-Murr-Kreis, Ausfahrt" />

  <meta http-equiv="content-type" content="text/html; charset=utf-8" />

  <title> Home Motorradfreunde Buchenbachtal </title>

  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></Script>

  <!-- ****************************************
       *         CSS-Datei > Index.css <      *
       **************************************** -->

  <link rel="Stylesheet" type="text/css" href="css/Home.css" />

  <!-- ****************************************
       * Hier eingetragene Styleinforamtionen *
       * später in css-Datei auslagern.       *
       **************************************** -->

  <style type="text/css">
     .ObenLinks            { position:            relative;
                          float:            left;  
                          width:            153px;
                          height:           115px;
                          margin-left:      10px;
                          margin-top:       10px;
                          background-size:  100%;
                          z-index:          1;
                          border:           2px solid #ffffff;
                          background-image: url(Bilder/MFB-Nasenbaer-01.gif); } 

     .ObenMitte            { width:            auto;
                          height:            auto;
                          margin-top:       26px;
                          border:            2px solid #ffffff;
                          color:            #ffffff;
                          font-weight:        bold;
                          font-size:        70px;
                          font-family:      'Old English Text MT';}                      
  </style>
 
</Head>


<!-- ************************************************************
     *               Seitenaufbau der Home-Seite                *
     ************************************************************ -->


<body>

  <!-- ****************************************
       *        Seitenrahmen gesammt          *
       **************************************** -->

 <div style="width:99%;height:900px;border:1px solid #ffffff;color:#ffffff;display:table">

    <!-- **************************************** 
         *        Oberste Tabellenzeile         *
         **************************************** -->

    <!-- Nasenbär oben links -->     

    <div style="width:15%;height:auto;border:1px solid #ffffff;float:left">
      <img style="width:153px;heigth:115px" src="Bilder/MFB-Nasenbaer-01.gif" alt="Der Patch sollte da sein" />  
    </div>


    <!-- Unser Stammtischtitel -->

    <div style="width:70%;heigt:auto;margin-top:14px;font-family:'Old English Text MT';color:#ffffff;font-weight:bold;font-size:60px;text-align:center;border:1px solid #ffffff;float:left">
      Motorradfreunde Buchenbachtal
    </div>

    <!-- Patch oben rechts -->


    <div style="width:14.6%;heigt:auto;text-align:right;border:1px solid #ffffff;float:left">
      <img style="width:153px;height:112px;margin-top:-4px" src="Bilder/MFB-Patch-01.gif" alt="Der Patch sollte da sein" />
    </div>


  </div>
 
  <!-- ****************************************
       *     Überschrift Motorradfreunde      *
       **************************************** -->

 <!-- <div class="ObenMitte">
    Motorradfreunde Buchenbachtal
  </div> -->

</body>
</html>

Alles anzeigen

Tags