Fluid layout for Neema

by Koubenec

HTML

<div id="parent">
<div id="header"></div>
    <div id="widgetone"></div>
    <div id="rowtwowidgetone"></div>
</div>

CSS

#parent {
    width: 100%;
    background-color: blue;
    padding: 5px;
    display: inline-block;
    }

#header {
    width: 600px;
    height: 300px;
    background-color: red;
    margin: 5px;
    float: left;
    clear: left;
    display: inline;
}

#widgetone {
    width: 250px;
    height: 300px;
    background-color: green;
    margin: 5px;
    float: left;
}

#rowtwowidgetone {
    width: 500px;
    height: 300px;
    background-color: yellow;
    margin: 5px;
    float: left;
    clear: both;
}