Ashura: Drei Divs die nebeneinander von links nach rechts oben bündig

Beitrag lesen

SELF-Forum

Drei Divs die nebeneinander von links nach rechts oben bündig

Ashura
– Informationen zu den Bewertungsregeln

puts "Hallo " + gets.chomp + "."

?> Jawad
=> Hallo Jawad.

Was ist mit Drei Divs die nebeneinander von links nach rechts oben bündig dargestellt werden müssen.

Hilft hier auch Float und Clear?

Die Eigenschaft clear ist nicht einmal zwangsläufig erforderlich:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
<html>  
  <head>  
    <title>New Document</title>  
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />  
    <style type="text/css">  
      [code lang=css]html,body{margin:0;padding:0;height:100%;}  
      div{height:100%;}  
      #a{float:left;width:20%;min-width:20%;margin:0;background:#ccc;}  
      #b{float:left;width:60%;min-width:60%;background:#333;}  
      #c{float:left;width:19.9%;min-width:20%;margin:0;background:ccc;}  
      /* Der IE verrechnet sich gern... */

</style>
  </head>
  <body>
    <div id="a">AAA</div>
    <div id="b">BBB</div>
    <div id="c">CCC</div>
  </body>
</html>[/code]

Die beiden Eigenschaften funktionieren bei Zwei Divs aber bei drei bekomme ich das aber nicht hin.

Dazu gibt es auch ein schönes Kapitel in SelfHTML.

Einen schönen Mittwoch noch.

Gruß, Ashura

--
Selfcode: sh:( fo:) ch:? rl:( br:^ n4:& ie:{ mo:) va:) de:> zu:) fl:( ss:| ls:[ js:|
30 Days to becoming an Opera8 Lover -- Day 20: search.ini
Meine Browser: Opera 8.01 | Firefox 1.0.4 | Lynx 2.8.3 | Netscape 4.7 | IE 6.0
[Deshalb frei! - Argumente pro freie Software]
Beitrag melden
–
Informationen zu den Bewertungsregeln