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ş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Ciaran Blumenfeld

    Ciaran Blume

    20 NİSAN 2009
  • Garrett Müller

    Garrett Mül

    26 HAZİRAN 2009
  • krotoflik

    krotoflik

    26 ŞUBAT 2011