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

  • André Frizzo

    André Frizz

    16 Aralık 2006
  • HTC

    HTC

    12 Ocak 2006
  • The CGBros

    The CGBros

    20 AĞUSTOS 2011