Build a Resume 5.Floating Left and Right


#1



Oops, try again. Did you remember to float .left to the left?


<!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>
	</body>
</html>
----------

#header {
border-radius: 5px;
color: #0088cc;
position: fixed;
height:5px;
width;5px
color: purple;
z-index: 1;
}

.left {
border-radius: 5px;
color: #33bbff;
position: fixed;
height:5px;
width;5px
color: purple;
float: left; 
}

.right {
border-radius: 5px;
color: #33bbff;
position: fixed;
height:5px;
width;5px
color: purple;
float: right;
}

#footer {
border-radius: 5px;
color: #0088cc;
position: fixed;
height:5px;
width;5px
color: purple;
}


#2

I think since you have given .left position property as fixed, it is not considering the float property. Remove position property and try.


#3

you are right, float doesn't work on elements with position: fixed, that should solve the problem :slight_smile:


#4

Thank You! That fixed the error


#5