Question

I have a div (class=”sidebar”) that I want to display on the right hand side of my content area. I’ve set the content area as the container, then placed the sidebar inside that, specified height, width, background color and floated it right.

It’s displaying in firebug, but not appearing on the screen.

I’m currently learning CSS so any tips/advice on what I’m missing are welcome.

Any advice available will be gratefully received.

Thanks in advance,

Tom Perkins

You can view my code here:
http://jsfiddle.net/tomperkins/v3yqf/

Answer 1

Because HTML elements have transparent background color by default. Giving the element a background color and you can see it immediately:

.sidebar {
    background: orange;
}

See: http://jsfiddle.net/v3yqf/3/ ( http://jsfiddle.net/v3yqf/3/embedded/result if your screen is narrow)