Example of standard three-column div+css fixing
Here's the code:
nice and free CSS Template 6
menu left
menu with fixed width.
#left { width:175px; padding:0px; Float:left; }
CONTENT
all templates are XHTML 1.0 and css2/tableless.
3 Columns layout grid. All colums are fixed and centered.
more nice and free CSS templates
HTML { padding:0px; margin:0px; } Body { Background-color: #e1ddd9; font-size:12px; Color: #564b47; Text-align:center; margin:0px; padding:0px; } #box { width:750px; margin:0px Auto; padding:0px; Text-align:left; } #content { width:400px; padding:0px; Float:left; Background-color: #fff; Overflow:auto; } #head { Background-color:transparent; }
menu right
#right { width:175px; padding:0px; Float:left; }
<BR clear= "All"/>
|
The following is the HTML page special effects code, click the Run button to see the effect:
[Ctrl + A ALL SELECT hint: You can modify some of the code, and then run]