Build a Resume 5. Issue with Float


#1

Build a Resume 5. Issue with Float

in the #left and #right
I entered
float: left:

float: right;

MY CSS Code

#header {
    z-index: 1;
    position: fixed;
    height: 60px;
    width: 97.5%;
    background-color: #668284;
}
#left 
{
    height: 50px;
    width: 87.5%;
    background-color: #668274;
    float: left;
}
#right
{
    height: 90px;
    width: 77.5%;
    background-color: #658284;
    float: right;
}
#footer {
    height: 40px;
    width: 57.5%;
    background-color: #669284;
}
My HTML CODE
<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title></title>
	</head>
	<body>
	<div id="header">
	<div class="left">
	<div class="right">
	<div id="footer"></div>
	
	
	</body>
</html>


#2

Change the #left and #right selectors to .left and .right.

The HTML has them referenced as classes, not ids.


#3

Many thanks for pointing that out, I made the corrections and I am moving forward.


#4

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