Content
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>Layout-o-matic: layout a 3 colonne con contenuto</TITLE>
<STYLE type=text/css>
BODY {
TEXT-ALIGN: center;FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;FONT-SIZE: 10px;COLOR: #990000
}
#banner {
TEXT-ALIGN: left
}
#container {
TEXT-ALIGN: left
}
#footer {
TEXT-ALIGN: left
}
#container {
BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: gray 1px solid; PADDING-LEFT: 10px;
PADDING-BOTTOM: 10px; MARGIN: 10px auto; BORDER-LEFT: gray 1px solid; WIDTH: 760px; PADDING-TOP: 10px; BORDER-BOTTOM: gray 1px solid
}
H1 {
FONT: bold 16px Verdana, Arial, sans-serif
}
#banner {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BACKGROUND-COLOR: rgb(213,219,225)
}
#content {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN-LEFT: 165px; MARGIN-RIGHT: 165px; PADDING-TOP: 5px; BACKGROUND-COLOR: gray
}
#sidebar_a {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 0px 5px 0px 0px; WIDTH: 150px; PADDING-TOP: 5px; BACKGROUND-COLOR: rgb(235,235,235)
}
#sidebar_b {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: right; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 0px 5px; WIDTH: 150px; PADDING-TOP: 5px; BACKGROUND-COLOR: rgb(235,235,235)
}
#footer {
CLEAR: both; PADDING-RIGHT: 5px; MARGIN-TOP: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; BACKGROUND-COLOR: rgb(213,219,225)
}
</STYLE>
<BODY>
<DIV id=container>
<DIV id=banner><IMG SRC="logo2.gif" WIDTH="390" HEIGHT="117" BORDER=0 ALT=""></DIV>
<DIV id=sidebar_a>
<H1>Colonna 1</H1>
......
</DIV>
<DIV id=sidebar_b>
<H1>Colonna 2</H1>
.....
</DIV>
<DIV id=content>
<H1>Content</H1>
...
</DIV>
<DIV id=footer>
<H1>Footer</H1>
</DIV>
</DIV>
</BODY>
</HTML>