Help on right and left float of div


#1


I'm stuck on the Build a Resume exercise. When I add the position tag's for the left and right columns and the clear to the footer they end up stack on top of each other. I have tried adding margins and other position tags but it hasn't helped.

<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title></title>
	</head>
	<body>
	    <div id="header"></div>
	    <div class="left"></d>
	    <div class="right"></d>
	    <div id="footer"></d>
	</body>
</html>

 div {
 border-radius: 5px;
}
#header {
    position: fixed;
    z-index: 1;
    background-color: #fb2e01;
    height: 60px;
    width: 95%;
}
.right {
    float: right;
    background-color: #6fcb9f;
    height: 400px;
    width: 75%;
    margin-top: 10px;
}
.left {
    float: left;
    background-color: #ffe28a;
    height: 400px;
    width: 7%;
}
#footer {
    background-color: blue;
    height: 60px;
    width: 100%;
    clear: both;
}

#2

You've got d instead of div...


#3

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.