CSS full screen and scalable Layout

CSS full screen and scalable Layout

Certificate -----------------------------------------------------------------------------------------------------------------------------------------------

<DivStyle = "float: left; width: 100%; background-color: # 9FF;">

<Div style = "margin-right:200px; Background-color: # CF9; ">

Content content <br/>
Content content <br/>
Content and content <br/>
Content <br/>
Content <br/>
</Div>
</Div>

<DivStyle = "float: left; width:200px;
Margin-left :-200px; Background-color: # C3F; ">

Navigation navigation <br/>
Navigation navigation <br/>
Navigation and navigation <br/>
Navigation <br/>
Navigation
</Div>

<DivStyle = "clear: left; background-color: #666;"> foot </Div>

Certificate -----------------------------------------------------------------------------------------------------------------------------------------------

<Div style = "background-color: # CCC;">
& Lt; div style = "float: right; width: 100%; & gt;" & gt;
<Div style = "margin-left: 200px; background-color: # FFC; "> <p> right column </p> <p> scalable width </p> </div>
</Div>
<Div style = "float: Right; width: 200px; margin-Right:-200px; Background-color: # 9cf; "> <p> left sidebar </P> <p> fixed width </P> </div>
<Div style = "clear: Both;"> </div>
</Div>
<HR/>
<Div style = "background-color: # CCC;">
<Div style = "float: Left, width: 100%;">
<Div style = "margin-Right: 200px; Background-color: # FFC; "> <p> left sidebar </P> <p> scalable width </P>/ div>
</Div>
<Div style = "float: Left; width: 200px; margin-left:-200px; Background-color: # 9cf; "> <p> right column </P> <p> fixed width </P>/ div>
<Div style = "clear: Both;"> </div>
</Div>

Certificate -----------------------------------------------------------------------------------------------------------------------------------------------

:

Schematic diagram:
---------- Left fixed, right stretched ----------
---------- Right fixed, left stretched ----------