DIV+CSS floating in the upper-right corner of the layout sample
Here's the code:
free CSS Template 8
MENU
#content #navi { border-left:1px dotted #000; border-bottom:1px dotted #000; Float:right; width:250px; Background-color: #ff99cc; margin:0px 0px 20px 20px; }
CONTENT
all templates are XHTML 1.0 and css2/tableless.
menu floating
Layout Grid with a floating menu on the left.
The menu is fixed in it ' s width. The height adjusts to the content.
more nice and free CSS templates <BR/>
HTML { padding:0px; margin:0px; } Body { Background-color: #e1ddd9; font-size:12px; Font-family:verdana, Arial, Sunsans-regular, Sans-serif; Color: #564b47; padding:0px 20px; margin:0px; } #content { border:1px solid #564b47; Background-color: #fff; }
|
The following is an HTML script effect code, click the Run button to view the effect:
[Ctrl + a ALL SELECT hint: You can modify some of the code, and then press to run]