SORU
4 Aralık 2009, Cuma


nasıl bir dıv iki şamandıra divs içinde kaydırma yapmak için?

Eğer ortak bir sorunu var mı bilmiyorum, ama şu ana kadar bir web çözüm bulamıyorum. Benim gibi iki divs sarılmış içinde başka bir div, ancak bu iki divs içinde olmak zorunda align aynı seviyede (örneğin: sol taraf alır 20%genişlik wrappedDiv, doğru bir 80%). Bu amaca ulaşabilmek için, aşağıdaki örnek, CSS kullandım. Ancak, şimdi sarma DİV bu divs tüm şal yoktu. Şal Div o iki salak içinde bulunan daha küçük bir yüksekliğe sahiptir. Nasıl sarma Div içindeki div gibi büyük bir yüksekliğe sahip olduğundan emin olabilir miyim? !! Teşekkürler!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <title>liquid test</title>
    <style type="text/css" media="screen">
        body
        {
            margin: 0;
            padding: 0;
            height:100%;
        }
        #nav
        {
            float: left;
            width: 25%;
            height: 150px;
            background-color: #999;
            margin-bottom: 10px;
        }

        #content
        {
            float: left;
            margin-left: 1%;
            width: 65%;
            height: 150px;
            background-color: #999;
            margin-bottom: 10px;
        }       
        #wrap
        {
          background-color:#DDD;
          height:100%;
        }

</style>
</head>
<body>
<div id="wrap">
    <h1>wrap1 </h1>
    <div id="nav"></div>
    <div id="content"><a href="index.htm">< Back to article</a></div>
</div>
</body>
</html>

CEVAP
4 Aralık 2009, Cuma


İki blok içinde yüzen varsa ortak bir sorun. Tamir edilmesi en iyi yol ikinci div sonra clear:both kullanıyor.

<div style="display: block; clear: both;"></div>

Konteyner yüksekliği doğru olması için zorlamak gerekir.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Shylo Sharity

    Shylo Sharit

    27 EKİM 2011
  • Crossover

    Crossover

    18 HAZİRAN 2007
  • WK

    WK

    9 Ocak 2006