Friday 23rd of March 2018 12:12:40 AM


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

This column inherited it'b background color from the body definition. The padding ist defined through the p element.


3 columns / menu fixed, content dynamic with head and footer.
3 column layout grid. The navigation column are fixed in width, the content column is dynamic and adjusts itself to the browser window.

This layout also works with an absolute height template 100% height
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;

in valid code we trust (*^_^*) miss monorom

value of color can also affect the borders around an element. Let's assume that you've declared these styles, which have the result shown in Figure 6-6:

P.aside {color: gray; border-style: solid;}
Figure 6-6

Figure 6-6. Border colors are taken from the content's color

This will result in the element <P CLASS="aside"> having gray text and a gray medium-width solid border. That's because the foreground color is applied to the borders by default. The basic way to override thatelement's box: set the margins to be negative, and the contentcan overrun the outer edge without technically violating thespecification.

There is one important question here, which is this: what happens tothe document display when an element is floated out of its parentelement by using negative margins? For example, an image could befloated so far up that it intrudes into a paragraph that has alreadybeen displayed by the user agent. In this case, it's up to theuser agent to decide whether or not the document should be reflowed.

By defining a set of programming language independent interfaces that allow the accessing and mutation of XML documents, the W3C made it easier for programmers to deal with XML. Not only does XML address the need for a standard information encoding and storage format, it also allows programmers a standard way to use that information. SAX is a very low level API, but it is more than what has been available before it. DOM is a higher level API that even provides a default object model for all XML documents (saving time in creating one from scratch if you are using data is document data).

SAX, DOM and XML are very developer friendly because developers are going to decide whether this technology will be adopted by the majority and become a successful effort towards the goal of interoperable, platform, and device independent computing.

XML is web enabled

XML is derived from SGML, and so was HTML. So in essence, the current infrastructure available today to deal with HTML content can be re-used to work with XML. This is a very big advantage towards delivering XML content using the software and networking infrastructure already in place today. This should be a big plus in considering XML for use in any of your projects, because XML naturally lends itself to being used over the web.

DIV#sidebar {position: absolute; top: 0; left: 0; width: 15%; height: 7em;overflow: hidden;}

In such an instance, the clipped content would not be accessible tothe user. This would lead to a situation like that illustrated byFigure 9-10.

Figure 9-10

Figure 9-10. Clipping content with overflow

Finally, there is overflow:auto. This allows user agents to determine what might theorize that without explicit declarations to the contrary,all lists (ordered or unordered) will use discs as the bullet foreach item. In fact, that's up to the user agent to decide. Evenif the user agent doesn't have a predefined rule such asOL {list-style-type:decimal;}, it may prohibit ordered bullets frombeing applied to unordered lists, and vice versa. You can'tcount on this, of course, so be careful.

If you wish to suppress the display of bullets altogether, then