My CSS code doesn't change anything


Hi all,

This is the CSS I wrote:

.left {
border-radius: 5px;
background-color: ##c0c0c0;
width: 24px;
height: 24px;
float: left;

header {

background-color: ##c0c0c0;
border-color: #c0c0c0;
position: fixed;


.right {
float: right;

footer {

clear: both;


And it only shows:

What am I doing wrong ?

Thank you for your answer.


All the big letters are ID's and the HTML code is :


I made a few changes to your code in this bin. your #header is fixed, and unless you specify a width, this mean your #header is 0 width. your hex colors have two pound/number signs, this should be one.

What you are doing wrong depends, what are you trying to achieve? There are very few mistakes in the code, it is just not much code


looking at your code, your header and footer are id(s) and should have the tags # when you call them in css.


I disagree with your answer, here is why. #header and #footer do have a #, but if you use a number/pound sign on the first line of this forum, it makes the text bold, here is a line with format:

#header { property: value;}

here is the same line without format:

header { property: value;}

You can try it yourself if you don't believe me


Ok good for you ...........