Hi. I am attempting to achieve the following layout:
/------------------------------------\
| text text text text text text text text |
| text text text text text text text text |
| ---------------------------------- |
| text text text | text text text |
| text text text | text text text |
| text text text | text text text |
\------------------------------------/
This is something of a unique block giving company info. So the style
defining it will not repeat.
Here's the HTML:
<div id="Block1">
<p>
text text text text text text text text
text text text text text text text text
</p>
<div id="Col1">
<p>
text text text
text text text
text text text
</p>
</div>
<div id="Col2">
<p>
text text text
text text text
text text text
</p>
</div>
And here's what I imagine for the CSS:
#Block1 {
background-color: #CCCC99;
etc;
}
#Block1 #Col1 {
etc;
}
#Block1 #Col2 {
etc.
}
But this doesn't work. I've tried a few variations and still I can't seem to
apply the style to the 2 inner columns.
Any ideas?
Brian