Allora questo č il risultato:
Risultato
Questo č il codice del css:
codice:
BODY {
	HEIGHT= 100%; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 80% verdana,helvetica,sans-serif; PADDING-TOP: 0px
}
HR {
	DISPLAY: none
}
BODY {
	TEXT-ALIGN: center
}
#testa {
	MARGIN: 1em auto; WIDTH: 90%; TEXT-ALIGN: left
}
#corpo {
	MARGIN: 1em auto; WIDTH: 90%; TEXT-ALIGN: left
}
#piedipagina {
	MARGIN: 1em auto; WIDTH: 90%; TEXT-ALIGN: left
}
#testa {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 0px; BACKGROUND: #99CCFF; PADDING-BOTTOM: 1em; BORDER-LEFT: #000 1px solid; PADDING-TOP: 1em; BORDER-BOTTOM: #000 1px solid
}
#corpo {
	BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; BACKGROUND: #FFCC33; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid; POSITION: relative
}
#corpo-colonna1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 0px; PADDING-BOTTOM: 1em; WIDTH: 20%; PADDING-TOP: 1em; POSITION: absolute; TOP: 0px
}
#corpo-colonna2 {
	BORDER-RIGHT: #000 1px dotted; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 1em; MARGIN: 0px 25% 0px 20%; BORDER-LEFT: #000 1px solid; PADDING-TOP: 1em
}
#corpo-colonna3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; RIGHT: 0px; PADDING-BOTTOM: 1em; WIDTH: 25%; PADDING-TOP: 1em; POSITION: absolute; TOP: 0px
}
#piedipagina {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 0px; BACKGROUND: #eee; PADDING-BOTTOM: 1em; BORDER-LEFT: #000 1px solid; PADDING-TOP: 1em; BORDER-BOTTOM: #000 1px solid
}
e questo č il sorgente della pagina:
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML lang=it xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Tre colonne: Liquido</TITLE>
<META http-equiv=content-type content="text/html; charset=iso-8859-1">

<link rel="stylesheet" type="text/css" href="stile.css" />
</HEAD>
<BODY>
<DIV id=testa><center>[img]banner.gif[/img]<h2>Rozaglia Web Site 4.0</h2></center></DIV>
<HR>

<DIV id=corpo>
<DIV id=corpo-colonna1>
<font>Ciao a tutti io sono contento che voi ci siate ma nonostante tutto resto felice cosi come sono</font>
</DIV>
<HR>

<DIV id=corpo-colonna2>corpo colonna 2</div>
<HR>

<DIV id=corpo-colonna3>corpo colonna 3</DIV></DIV>
<HR>

<DIV id=piedipagina>pič di pagina
</DIV></BODY></HTML>
Nella colonna 1 il testo esce...
Qualcuno sa spiegarmi perchč?
Lo stile proviene da:Con Stile