[CSS] Brauche hilfe mit Container

Dieses Thema im Forum "Webdesign" wurde erstellt von S2R0X, 3. August 2009 .

  1. 3. August 2009
    Zuletzt von einem Moderator bearbeitet: 15. April 2017
    Brauche hilfe mit Container

    Hallo ich brauche hilfe bei einer stylesheet sache.

    Folgendes, wenn ihr euch den screen anschaut dan nseht ihr das der "dl-left" container im rechten bereich ist obwohl er im linken sein sollte, das macht er glaube ich weil der obere rechte container länger ist als der linke.

    Wie kann ich das verhindern?

    hier die css

    Code:
    #dl-left
    {
    float:left; 
    position:relative; 
    width:48%;
    }
    
    #dl-right
    {
    float:right; 
    position:relative; 
    width:48%;
    }
    
    Screenshot
    helpv10t.gif
    {img-src: //www.abload.de/thumb/helpv10t.gif}
     
  2. 3. August 2009
    AW: Brauche hilfe mit Container

    du musst dazwischen ein element mit clear:both; machen...
    Code:
    #dl-left
    {
    float:left; 
    position:relative; 
    width:48%;
    }
    
    #dl-right
    {
    float:right; 
    position:relative; 
    width:48%;
    }
    #clear
    {
    clear:both;
    }
    
    HTML:
    <div id="dl-left"></div>
    <div id="dl-right"></div>
    <div id="clear"></div>
    <div id="dl-left"></div>
    <div id="dl-right"></div>
    <div id="clear"></div>
    (......)
    
     
  3. 3. August 2009
    Zuletzt von einem Moderator bearbeitet: 15. April 2017
    AW: Brauche hilfe mit Container

    Hallo, erstmal vielen dnak, hat mich schon weitergebracht, ich bin nicht so der CSS Pro

    Aber hab noch eine frage...

    kann man die abstände im screeny2 auch entfernen?

    help7x2e.gif
    {img-src: //www.abload.de/thumb/help7x2e.gif}
     
  4. 3. August 2009
    AW: Brauche hilfe mit Container

    Du könntest zB zwei container machen, dem einen gibst du float:left und dem anderen float:right..
    In diese packst du dann deine container mit dem Text, ohne float...

    dann sind die immer direkt untereinander und richten sich nicht nach dem container rechts daneben...
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.