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

  • Epic Tutorials for iPhone, iPad and iOS

    Epic Tutoria

    18 EYLÜL 2011
  • kamaniusilelis

    kamaniusilel

    10 HAZİRAN 2011
  • TechBalance

    TechBalance

    12 HAZİRAN 2011