Width Fixed Fluid

by dcardoso

HTML

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" href="base.css" rel="stylesheet">
    </head>
    <body>
        <div id="contentwrapper">
            <div id="contentcolumn">
                <div class="innertube">
                    <b>Content Column: <em>Fluid</em></b>This is just some filler text This is just some filler text This is just some filler text This is just some filler text This is just some filler text Welcome to Dynamic Drive CSS Library This is just some filler text Welcome to Dynamic Drive CSS Library Demo content nothing to read here This is just some filler text This is just some filler text Welcome to Dynamic Drive CSS Library Welcome to Dynamic Drive CSS Library Welcome to Dynamic Drive CSS Library Demo content nothing to read here Demo content nothing to read here Welcome to Dynamic Drive CSS Library Welcome to Dynamic Drive CSS Library Demo content nothing to read here Welcome to Dynamic Drive CSS Library This is just some filler text Welcome to Dynamic Drive CSS Library Welcome to Dynamic Drive CSS Library This is just some filler text This is just some filler text Demo content nothing to read here This is just some filler text Welcome to Dynamic Drive CSS Library Demo content nothing to read here This is just some filler text This is just some filler text Demo content nothing to read here Welcome to Dynamic Drive CSS Library This is just some filler text This is just some filler text Welcome to Dynamic Drive CSS Library Demo content nothing to read here Demo content nothing to read here This is just some filler text Demo content nothing to read here Welcome to Dynamic Drive CSS Library Welcome to Dynamic Drive CSS Library Welcome to Dynamic Drive CSS Library This is just some filler text Welcome to Dynamic Drive CSS Library
                </div>
            </div>
        </div>
        <div id="leftcolumn">
            <div class="innertube">
                <b>Left Column: <em>200px</em></b>Welcome to Dynamic Drive...

CSS

body {
    line-height: 1.5em;
    margin: 0;
    padding: 0;
}
b {
    font-size: 110%;
}
em {
    color: red;
}
#topsection {
    background: none repeat scroll 0 0 #EAEAEA;
    height: 90px;
}
#topsection h1 {
    margin: 0;
    padding-top: 15px;
}
#contentwrapper {
    float: left;
    width: 100%;
}
#contentcolumn {
    margin-left: 200px;
}
#leftcolumn {
    background: none repeat scroll 0 0 #C8FC98;
    float: left;
    margin-left: -100%;
    width: 200px;
}
#footer {
    background: none repeat scroll 0 0 black;
    clear: left;
    color: #FFFFFF;
    padding: 4px 0;
    text-align: center;
    width: 100%;
}
#footer a {
    color: #FFFF80;
}
.innertube {
    margin: 0 10px 10px;
}