Manfred: Abstand zu gefloatetem div

Hallo,

folgender Code erzeugt durch das Floaten keinen Abstand von 50px:

<div style="background-color:red;height:50px;width:350px;float:left;"></div>  
<div style="background-color:blue;height:50px;margin-left:50px;"></div>

Kann mir jemand kurz verraten wie ich einen bekommen könnte?

  1. folgender Code erzeugt durch das Floaten keinen Abstand von 50px:

    <div style="background-color:red;height:50px;width:350px;float:left;"></div>

    <div style="background-color:blue;height:50px;margin-left:50px;"></div>

      
    Doch tut er. Nämlich relativ zum Elternelement.  
    Du willst viel mehr dem geflöteten Element eine margin-Angabe geben.  
      
    mfg Beat
    
    -- 
    
    ><o(((°>           ><o(((°>  
    
       <°)))o><                     ><o(((°>o  
    Der Valigator leibt diese Fische
    
    1. Wenn ich stattdessen ~~~html <div style="background-color:red;height:50px;width:350px;float:left;margin-right:50px;"></div>
      <div style="background-color:blue;height:50px;"></div>

      1. Wenn ich stattdessen ~~~html

        <div style="background-color:red;height:50px;width:350px;float:left;margin-right:50px;"></div>

        <div style="background-color:blue;height:50px;"></div>

          
        Nein hast du nicht.  
        Das wird dir sofort klar, wenn du für beide Bereiche einen border definierst.  
          
        mfg Beat
        
        -- 
        
        ><o(((°>           ><o(((°>  
        
           <°)))o><                     ><o(((°>o  
        Der Valigator leibt diese Fische
        
        1. Sorry, aber mir wird da gar nichts klar.
          Weißt du wie ich einen Abstand hinbekomme?

          1. Sorry, aber mir wird da gar nichts klar.
            Weißt du wie ich einen Abstand hinbekomme?

            Abstand zwischen was und was?

            Willst du einen Abstand zwischen dem der gefloateten Boxx und dem Text in der normalen content Box? Oder möchtest du einen Abstand zwischen den zwei Boxen?
            Letzteres erreichst du, indem du der normalen Box einen Block-Formating-Context verleihst, was mit overflow:auto, oder overflow:hidden getriggert wird.

            mfg Beat

            --
            ><o(((°>           ><o(((°>
               <°)))o><                     ><o(((°>o
            Der Valigator leibt diese Fische
            1. was mit overflow:auto, oder overflow:hidden getriggert wird.

              Das brauchte ich. Danke!