Max genişliği genişletmek div şamandıra:sol ayarlandığında

SORU

19 HAZİRAN 2009, Cuma

Max genişliği genişletmek div şamandıra:sol ayarlandığında

Böyle bir şey var:

<div style="width:100px;float:left">menu</div>
<div style="float:left">content</div>

her ikisi de gerekli olan yüzer. İçerik div menü için bu 100px eksi tüm ekranı doldurmak istiyorum. Eğer ben eğer kullanım div tam da olması gerektiği gibi genişler yüzer. Ama nasıl yüzer ayarlandığında bu ayarlarım? Heyecanla beklediğim gibi kullanırsam

style=width:100%

içeriği div alır boyutu üst olan vücut ya da başka bir div hangi ben de denedim, ve tabii ki uymuyor sağ menü ve sonra aşağıda gösterildiği.

CEVAP

19 HAZİRAN 2009, Cuma

Doğru anladım, şuna bir bak umut: http://jsfiddle.net/EAEKc/

<!DOCTYPE html>   
<html lang="en">     
    <head>      
        <meta charset="UTF-8" />    
        <title>Content with Menu</title>         
    <style>
      .content .left {
        float:left;
        width:100px;
        background-color:green;
      }
      .content .right {
        margin-left:100px;
        background-color:red;
      }

    </style>          
    </head>
    <body>    
    <div class="content">
      <div class="left">
        <p>Hi, Flo!</p>
      </div>
      <div class="right">  
        <p>is</p>
        <p>this</p>
        <p>what</p>
        <p>you are looking for?</p>
      </div>
    </div>
    </body>
</html>

Bunu Paylaş: