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:
CssDüzeniLayoutHtmlCss-ŞamandıraCss-float

AYNI ETİKETTEKİ VİDEOLAR

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • HBO

    HBO

    17 Mayıs 2006
  • Smith Micro Graphics

    Smith Micro

    15 Mayıs 2008
  • wwjoshdu

    wwjoshdu

    18 ŞUBAT 2011

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR