Help With Grid

[pwhitehead]

Hello... I kinda get how to make a custom grid. Going to yahoo's coding and working with their UI on building a grid doesnt help because it wont work with vb's framework. I see lots of class titles and references which I have no idea what they mean. Is there a list or a guide explaining what terms mean what?

<style type="text/css">
.two_columns {float: right;}
.col_1 {width: 240px; float:left; margin-right: -250px;}
.col_2 { float:left; margin: 0 250px;}
.col_3 {width: 240px; float: right; margin-left: -250px; }
</style>
<div id="doc3" class="yui-tvb-l3">
<div class="two_columns">
<div class="col_2">
<ul class="list_no_decoration widget_list" id="widgetlist_column2">$column[2]</ul>
</div>
<div class="col_3">
<ul class="list_no_decoration widget_list" id="widgetlist_column3">$column[3]</ul>
</div>
</div>
<div class="col_1">
<ul class="list_no_decoration widget_list" id="widgetlist_column1">$column[1]</ul>
</div>
</div>

Good example is in the quotes. How am i suppose to know what the different id's are like "widgetlist?" Yes its pretty obvious what it is, but there are other id's and classes that are hard to figure out. Any help would greatly be appreciated. If i were to make a box that i can put 3 smaller boxes inside of it and a larger box below that so my main news can go there, how would this be implemented? What are the class and different ID's that need to be used? Making the grid isnt the hard part, its knowing the classes and ID's to put.