rubberdoc: css layout

Beitrag lesen

SELF-Forum

css layout

rubberdoc
– Informationen zu den Bewertungsregeln

hey leude,

ich hatte mal vor einiger zeit hier gepostet was denn so toll an einem css layout sein soll und warum alle gegen ein tabellen layout sein.

doch nun habe ich mich mal ernsthaft damit befasst.... und siehe da, ich habe mein tabellen-denken abgelegt! es ist doch echt wesentlich einfacher ein layout mit css zu erstellen!
ich muss sagen ich freue mich das ich auf euch gehört habe.^^

doch eine frage stelle ich euch doch noch, und zwar
wenn ich nun eine box habe die den wert "float:left" hat, und nun will ich rechts neben dieser box noch eine box haben, muss diese 2 box auch "float:left" haben? wenn ich das bei der 2 box weglasse sitzt die nicht daneben sondern unter der ersten und nimmt auch keine css-formatierungen an. also habe ich der 2 box "float:left" gegeben, dann klappte das.
und wie bekomme eine 3 box unter die erste box?

hier mal mein code:

  
  <style type="text/css">  
  
div.box1 {  
     float:left;  
     width:50px;  
     height:200px;  
     background-color:#666600  
     }  
div.box2 {  
     width:50px;  
     height:50px;  
     background-color:#33FF00;  
     }  
div.box3 {  
     width:100px;  
     height:50px;  
     background-color:#cc0055;  
     }  
  
</style>  
</head>  
<body>  
  
<div class="box1">  
 <b> ERSTE BOX ganz links</b>  
</div>  
  
<div class="box2">  
 <b> ZWEITE BOX neben der ersten</b>  
</div>  
  
<div class="box3">  
 <b>DRITTE BOX sollte unter die erste, aber wie? </b>  
</div>

danke und ich hoffe mich versteht einer...^^

Grundlage für Zitat #502.

Beitrag melden
–
Informationen zu den Bewertungsregeln