Layout experimentation.

<div>s wont show w/out content.

[Birdman]

Hello WW. I'm trying to come up with a new layout design for a site. I started with empty <div>s in my HTML and basic CSS layout. When I view it #matte won't show unless I add content to it and it still only shows to the bottom of content, then stops. Here's the CSS.

body
{
background-color: pink;
width: 780px;
height: 760px;
}

#matte
{
position: absolute;
background-color: gray;
top: 100px;
left: 10px;
width: 760px;
height; 700px;
}

#main
{
position: absolute;
background-color: white;
top: 20px;
left: 120px;
width: 540px;
height: 640px;
}

Thanx! :)

[tedster]

There's a typo in your definition of #matte --

You have a semicolon instead of a colon for the height declaration.