Blank Divs?


#1



https://www.codecademy.com/en/courses/web-beginner-en-9x6JW-WnAFv/0/8?curriculum_id=50579fb998b470000202dc8b


I have done all the cues that the web site is demanding. Still the dives do not show. Is it the color selection?


Replace this line with your code.


#2

Could you please write your code here ?


#3


<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title></title>
	</head>
	<body>
	
	    <div id="header"></div>
	    <div class="left"></div>
	    <div class="right"></div>
	    <div id="footer"></div>
	    
	    <p> Please consider this resume when looking for a new member to fill the team being assembled for your company.</p>
	    <h1> My name is A. B. and I am a software engineer.</h1>
	        <ul>
	            <li> Html/Css</li>
	            <li> Java Script</li>
	            <li> Ruby on Rails</li>
	        </ul>
	</body>
</html>


#header{
    position: fixed;
    z-index: 1;
    border-radius: 5px;
    height: 10px;
    width:500px;
    background color: blue;
    }
    
.left {
    float: left;
    border-radius: 5px;
    height: 300px;
    width: 10px;
    background color: blue;
    }

.right {
    float: right; 
    border-radius: 5px;
    height: 300px;
    width: 20px;
    background color: teal;
    }

#footer{
    clear: both;
    border-radius: 5px;
    height: 10px;
    width: 500px
    background color: purple;
    }

#4

i would actually put the contents inside of one of your divs, the four divs are the layout your content (paragraph, headings, list and so on) should be inside in one or more of the four divs


#5

Thanks. I did that and it is a good adjustment. Any idea why the colors aren't showing or why the Divs don't clear properly?


#6

In your css code:

in the four div's background color, write this line:

background-color: ;

instead of

background color: ;