AdiK: CSS Boxen

Beitrag lesen

Hi MastKev

Ich würds so machen:

Hier der HTML Code:

  
 <div id="left">  

>   
>    <div id='suche'>  
>     text 2  
>    </div>  
>   
>    <div id='news'>  
>     kein text  
>    </div>  
>   

 </div>  

>   
>    <div id='inhalt'>  
>     mehr text  
>    </div>  
>   
>  <div id='statusleiste'>  
>   text  
>  </div>  

Im CSS-Code das nötigste:

  
#left {  
  float: left;  
  width: 111px;  
  margin-bottom: 155px  
}  
  
#inhalt {  
  float: left;  
  margin-left: 121px;  
  margin-bottom: 155px  
}  
#statusleiste {  
  clear: both;  
}  

Und dann ergänzt du im CSS einfach noch andere Dinge, die dir wichtig sind fürs Styling. Das hier ist nur das Grundgerüst.
Ich habe den obigen Code allerdings nicht ausprobiert. Vielleicht brauchts bei #inhalt noch eine max-width, damit die Box nicht plötzlich unter #left ist, wenn das Fenster schmal ist.

Ich denke jedenfalls, float und margin gehören zum richtigen Ansatz.

Lg,
AdiK