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

  • Jeremy Stark

    Jeremy Stark

    23 Mayıs 2010
  • PCDIY

    PCDIY

    16 AĞUSTOS 2013
  • tunez4you

    tunez4you

    20 EKİM 2008

İLGİLİ SORU / CEVAPLAR

İLGİLİ BAĞLANTILAR