Q:

CSS Div layout or table layout

How can I get this layout for a simple form with CSS

------------------------------------------------------------------------------------------
|Date From | dropdown box | Date To | dropdown box| button|
------------------------------------------------------------------------------------------
grid or table

------------------------------------------------------------------------------------------

A:

Are you planning to have an table layout below your first "row"?  If so, then use tables.  It's tabular data and that's what tables are planned for.  People saying that you should not use tables but css instead mean that you should not use tables for layout but you can use them for tabular data. 
If you're only planning to have that one row, you could try floating the elements to left.  A bit like this:
css:
.selections div{float:left;}

html:
<div class="selections">
    <div>
        <label for="dateFrom">Date from:</label>
        <select id="dateFrom">...</select>
    </div>
    <div>
        <label for="dateTo">Date to:</label>
        <select id="dateTo">...</select>
    </div>
    <div>
        <input type="button" value="Button"/>
    </div>
</div>

I have not tested this code, there might be some mistakes, but it should give the general idea. 

A:

For easy to make grid
http://www.pagecolumn.com/grid_layout_generator_wrapper_float.htm

