Bir yapmak için nasıl <div> her zaman tam ekran?

SORU

12 Kasım 2009, PERŞEMBE

Bir yapmak için nasıl <div> her zaman tam ekran?

İçeriği nasıl olursa olsun.

Bunu yapmak mümkün mü?

CEVAP

12 Kasım 2009, PERŞEMBE

Bu her zaman benim için çalışıyor:

<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style type="text/css">
    	html, body {
    		height: 100%;
    		margin: 0;
    	}

    	#wrapper {
    		min-height: 100%; 
    	}
    </style>
    <!--[if lte IE 6]>
    <style type="text/css">
    	#container {
    		height: 100%;
    	}
    </style>
    <![endif]-->
</head>

<body>
    <div id="wrapper">some content</div>
</body>

Bu muhtemelen bu sorun için en basit çözüm. Sadece dört CSS öznitelikleri ayarlamak için (onlardan biri bu . olsa gerek ^em>aptalYANİ) mutlu.

Bunu Paylaş: