css - I get a blank display 1

lupidol · Feb 4, 2014

Hi everyone,
Following is an HTML/CSS code I run. All I get is a blank view. Could anyone tell me please where I went wrong with my CSS (assuming there lays the problem)?
Thanks

Code:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>xxx</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <style type="text/css">
             div#wrapper
            {
	     width: 100%;
	     height: 100%;
	     background-color: #e6d9ad;
	     border-radius:25px;
	    }		
        </style>
    </head>
<body>
    <div id="wrapper"></div>   
</body>
</html>

ChrisHirst · Feb 4, 2014

To make a child element occupy the full length of the viewport, the <html> and <body> elements MUST have a defined height or an explicit 100% height.

Chris.

Indifference will be the downfall of mankind, but who cares?
Time flies like an arrow, however, fruit flies like a banana.
Webmaster Forum

lupidol · Feb 4, 2014

Thanks a lot Chris.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

css - I get a blank display 1

lupidol

Programmer

ChrisHirst

IS-IT--Management

lupidol

Programmer

Similar threads

Part and Inventory Search

Sponsor