What's the problem with my CSS?

Hi there,

I’m trying to code this:

link

and my code is this:

CSS -

#container {
 width: 870px;
 height: 720px;
 margin: 0 auto;
}

#leftColumn {
 float: left;
 width: 218px;
 height: 720px;
 background-color: #fff;
}

#rightColumn {
 float: left;
 width: 652px;
 height: 720px;
 background-color: #c2df91;
}

XHTML -


                                      <!-- CONTAINER BEGINS -->

				<div id="container">
			
			<!-- LEFTCOLUMN BEGINS -->
		
					<div id="leftColumn">

					</div>

			<!-- LEFTCOLUMN ENDS, RIGHTCOLUMN BEGINS -->

					<div id="rightColumn">

					</div>

			<!-- RIGHTCOLUMN ENDS -->

				</div>

			<!-- CONTAINER ENDS -->

but all I’m getting in a browser is a blank screen.

Am I missing something completely obvious? :\

Thanks!

Am I missing something completely obvious?
Content

Strange…

Surely if the divs have a set height and width, they’ll display whether there’s content in them or not?

The container div is there, and when I give it a background colour, that displays correctly…

Solved this, but not quite sure how :stuck_out_tongue:

Hi, the problem was probably a validation error (most likely in your CSS, doubtful in the HTML though still possible :)).

Glad you solved it, and sorry we took so long to try and help :slight_smile: