Tuesday 26th of September 2017 12:20:59 AM


#left {
position: absolute;
left: 0px;
width: 190px;
color: #564b47;
margin: 0px;
padding: 0px;
padding: 0px;

This column inherited it's background color from the body definition. Padding is defined through p.


3 columns / menu fixed, content and head dynamic.
3 columns layout grid. The navigation columns are fixed in their widths, the content column is dynamic and adjusts itself to the browser window.
The head box is dynamic in its height. It adjusts to the height of the logo.
more nice and free css templates

html {
body {
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
#content {
margin: 0px 190px 0px 190px;
border-left: 2px solid #564b47;
border-right: 2px solid #564b47;
padding: 0px;
background-color: #ffffff;
BODY {background-image: url(yinyang.gif);background-repeat: repeat;}
Figure 6-28

Figure 6-28. Tiling the background image in CSS

I've left out a background color in order to keep the ruleshort, but remember to include a background color any time you have abackground image. And, of course, the effect shown in Figure 6-28 would have been the same if we'd leftout the background-repeat property altogether,since repeat is its default value.

Let's assume, though, that we just want images down the leftsurrounding other elements.)

If you do float atextelement, realize that unless you declare awidth for that element, the CSSspecification says that its width will tend toward zero. Thus, afloated paragraph could literally be one character wide, assumingthat to be the browser's minimum value forwidth. In order to avoid this problem, make sure :focus

Similar to :hover is :focus, which is used to define styles for elements that are "in focus." A form element, for example, has "focus" when it is currently ready to accept input. Therefore, the background of INPUT elements could be set to yellow in order to highlight the currently active input: