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

  • Kat Krazy

    Kat Krazy

    12 Kasım 2010
  • paikimchung

    paikimchung

    12 Mayıs 2006
  • sghaff1

    sghaff1

    23 Mart 2009

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR