rubberdoc: css layout

Beitrag lesen

SELF-Forum

css layout

rubberdoc
– Informationen zu den Bewertungsregeln

hi wahsaga,

ich hoffe ich habe das richitg verstanden.
ich wollte nun 4-boxen nebeneinander und dann 2 unter den 4 vieren.
es hat geklappt. musste aber der ersten die unter den vieren soll clear:left und float:left angeben damit wiederum die nächste sich links anschließt. ist das richtig?
man hoffentlich weiss einer was ich meine^^
hier mal der code:

  
  
<style type="text/css">  
  
 div#box1 {  
           float:left;  
           width:100px;  
     height:200px;  
     background-color:#666600  
     }  
 div#box2 {  
           width:100px;  
     height:200px;  
     background-color:#33FF00;  
     overflow:auto;  
     margin-left:10px;  
     float:left;  
    }  
  
 div#box3 {  
           width:100px;  
     height:200px;  
     background-color:#33FF00;  
     overflow:auto;  
     margin-left:10px;  
     float:left;  
  
  
     }  
 div#box4 {  
           width:100px;  
     height:200px;  
     background-color:#33FF00;  
     margin-left:10px;  
     overflow:auto  
  
     }  
 div#box5 {  
           width:100px;  
     height:200px;  
     background-color:#33FF00;  
     overflow:auto;  
     clear:left;  
     float:left;  
     }  
  div#box6 {  
           width:100px;  
     height:200px;  
     background-color:#33FF00;  
     overflow:auto;  
     margin-left:10px;  
  
  
    }  
</style>  
</head>  
<body>  
  
<div id="box1">  
 <b> ERSTE BOX ganz links</b>  
</div>  
  
<div id="box2">  
 <b>2 box neben der 1</b>  
</div>  
  
<div id="box3">  
 <b> 3 box neben der 2</b>  
</div>  
  
<div id="box4">  
 <b> 4 box neben der 3 </b>  
</div>  
  
<div id="box5">  
 <b> 5 box ich sitze unter der 1 </b>  
</div>  
  
<div id="box6">  
 <b> 6 box ich sitze unter der 2 </b>  
</div>

also, wenn ich den fluss nun unterbrechen will gebe ich der box- clear:left mit auf dem weg aber auch float:left damit sich die
nächsten boxen links halten? habe ich das richtig verstanden?

ich glaube jetzt versteht keiner mehr was...^^

Beitrag melden
–
Informationen zu den Bewertungsregeln