content column

All templates are XHTML 1.0 and CSS2/ tableless.

2 columns / menu fixed, content dynamic.
2 columns layout grid. The navigation column is fixed, the content column is dynamic and adjusts itself to the browser window.
The 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;
padding:0px 20px;
#content {
margin-left: 200px;
overflow: auto;

For their trial run, they decide to use a one-page article that talksabout suricates in general terms, examining their life in the wildand their general appeal to humans. The article appears in themagazine as shown in Figure 11-6.

Figure 11-6

Figure 11-6. The original print document

Obviously, the folks at Meerkat Monthly havebeen having some fun with their desktop publishing program. Itwon't be easy to get everything just the way it is on the page,but we'll see what we can do.

As a matter of fact, the rule for A:hover would beused while the pointer hovers over any anchor, not just a hyperlink.While some other pseudo-classes, like :link and:visited , are constrained to theA element in HTML, the same is not true of:hover. User agents could, in theory, allow theassignment of hover styles to any element, like this:

P:hover {font-weight: bold;}

Therefore, if you want to make sure your hover styles are applied By making the W3C the keeper of the XML standard, it ensures that no one vendor should be able to cause interoperability problems to occur between systems that use the open standard. This should be reassuring to most companies making an investment in this technology, by being vendor neutral, this solution proposes to keep even small companies out of reach of big companies choosing to change the standards on them. For example, if a big company chooses to change the platform at its whim, then most other companies relying on that platform suffer. By keeping all data in XML and using XML in communications protocols, companies can maximize the lifetime of their investment in their products and solutions.

XML is language independent

By being language independent, XML bypasses the requirement to have a standard binary encoding or storage format. Language independence also fosters immense interoperability amongst heterogeneous systems. It is also good for future compatilbilty. For example, if in the future a product needs to be changed in order to deal with a new computing paradigm or network protocol, by keeping XML flowing through the system, addition of a new layer to deal with this change is feasible.

DOM and SAX are open, language-independent set of interfaces Negative margins

So far, this probably all seems rather straightforward, and you may be wondering why I said things could be complicated. As it turns out, the complication is that margins can have negative values.

You'll remember that I said the second-simplest rule of horizontal formatting was this: the total of the seven horizontal

Figure 6-41

Figure 6-41. More percentage positioning

Note that with percentages the horizontal valuealways comes first. If you were to switch thepercentages in the preceding example, the image would be placedtwo-thirds of the way across the element and one-third of the waydown. It's also worth noting what happens if you only supplyone value. In that case, the single value supplied is taken to be thehorizontal value, and the vertical is assumed to be 50%. This isbasically the same as with the keywords, where if only one keyword isgiven, the other is assumed to be center. Thus: