ciao ragazzi, io ho fatto un pagina html questo è il codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title><#? COMPANY ?#> - <#? PAGE-DESCRIPTION ?#></title>
<meta http-equiv="content-Type" content="text/html; charset=iso-8859-1">
<#? STANDARD-CSS ?#><link rel="stylesheet" href="style.css" type="text/css">
<#? REFRESH ?#>
<#? KEYWORDS ?#>
<#? DESCRIPTION ?#>
<#? HEAD-CODE ?#>
</head>
<body class="thrColAbs">
<div id="container">
<div id="mainContent">
<p id=""
<div id="colSinistra">
PARTE STATICA CON NEWS AQ, Ultime Notizie, Meteo...</div>
<div id="colMenu"><#? LEVEL-1 ?#><p id="par"><#? COPYRIGHT ?#><#? LOGIN ?#></p>
</div>
<div id="colMain">
<div id="colMenuPrinc"><#? LEVEL-2 ?#></div>
<div id="CorpoMain"><#? BODY ?#></div>
</div>
</div>
</div>
</body>
</html>
e questo è il css che interessa :
body
{
background-color: #FFFFFF;
Font-Family: Verdana;
Font-Size: 11px;
Color: #000000;
text-align: center;
}
.thrColAbs #container {
background:#00000;
position: relative;
width: 100%;
background: #FFFFFF;
margin: 0 auto;
border: 0px solid #000000;
text-align: center;
height: 100%;
}
.thrColAbs #colSinistra {
position: absolute;
left: -5px;
width: 220px;
background: #EBEBEF;
padding: 0px;
background-color: #FFFFFF;
height: 100%;
top: 0px;
}
.thrColAbs #colMenu {
position: absolute;
top: 0px;
left: 220px;
background-color: #4096EF;
width: 200px;
background-image: url(<#? TEMPLATE-DIR ?#>/images/centrAlta2.png);
height: 100%;
}
.thrColAbs #colMain {
position: absolute;
right: 0px;
width: 650px;
padding:0px;
left: 431px;
top: 0px;
height: 100%;
}
.thrColAbs #colMenuPrinc {
position: absolute;
right: 0px;
width: 630px;
padding:0px;
left: 20px;
top: 0px;
height: 150px;
}
.thrColAbs #rigaBiancaSottoMenu {
position: absolute;
right: 0px;
width: 630px;
padding:0px;
left: 20px;
top: 150px;
height: 46px;
}
.thrColAbs #CorpoMain {
position: absolute;
right: 0px;
width: 630px;
padding:0px;
left: 20px;
top: 197px;
height: 625px;
margin-top: 46px;
}
.thrColAbs #mainContent {
margin: 0px 468px;
padding: 0px 0px;
width: 583px;
}
Io sto lavorando sulla colMenù, ha altezza 100% cioè tutta la pagina, vorrei mettere il testo <#? COPYRIGHT ?#><#? LOGIN ?#> in fondo al div! cioè proprio alla posizione 100% della pagina, infondo.. Ho provato a fare un paragrafo con style vertical-aling Bottom ma niente... avete idee? grazie
Rispondi quotando