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

  • BigBoyTV

    BigBoyTV

    25 EYLÜL 2013
  • Photoshop Training Channel

    Photoshop Tr

    13 Temmuz 2012
  • placeboing

    placeboing

    7 Mart 2006

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR