Content
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<HEAD>
<TITLE>Layout-o-matic: layout a 3 colonne con contenuto</TITLE>
<STYLE type=text/css>
#container {
BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: gray 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM:0px; MARGIN: 0px auto; BORDER-LEFT: gray 1px solid; WIDTH: 780px; PADDING-TOP: 0px; BORDER-BOTTOM: gray 1px solid
}
H1 {
FONT: bold 16px Verdana, Arial, sans-serif
}
#banner {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: rgb(213,219,225)
}
#content {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; PADDING-TOP: 10px; BACKGROUND-COLOR: gray;height:100%
}
#sidebar_a {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; WIDTH: 150px; PADDING-TOP: 0px; BACKGROUND-COLOR: rgb(235,235,235);
}
#sidebar_b {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; WIDTH: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: rgb(235,235,235);
}
#footer {
CLEAR: both; PADDING-RIGHT: 0px; MARGIN-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: rgb(213,219,225);height:100%
}
</STYLE>
<BODY leftmargin=0 topmargin=0>
<DIV id=container>
<DIV id=banner>...</DIV>
<DIV id=sidebar_a>
<H1>Colonna 1</H1><BR>.....<BR>
</DIV>
<DIV id=sidebar_b>
<H1>Colonna 2</H1>
<BR>......<BR>
</DIV>
<DIV id=content>
<H1>Content</H1>
<BR><BR><BR>Qui va il contenuto
</DIV>
<DIV id=footer>
<H1>Footer</H1><BR>
</DIV>
</DIV>
</BODY>
</HTML>