Dovrei posizionare il footer i modo che sia o in fondo alla pagina se il testo è < della lunghezza della pagina o sotto al testo se è > ma non ci rieso.
Vi posto il codice
CSS:
/* CSS Document */
html,body{margin:0;padding:0;height:100%;min-height:100%;}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 72%;
color: #CCCCCC;
}
Body{
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color:#383838;
}
html>body, html>body div#container {height:auto;min-height:100%;}
/*-----------------------------------------------------------box principali--------------------------------------------------------*/
div#container{ position:absolute;
height: 100%;
width:740px;
padding-left:12px;
padding-right:12px;
left:50%;
top:0;
margin:0 0 0 -382px;
color:#212121;
background-color:transparent;
background-image:url(../images/bg.jpg);
background-repeat:repeat-y;
background-position:center top;
}
#top{text-align:right;
width:740px;
height:160px;
background-image:url(../images/top.jpg);
background-repeat:no-repeat;
background-position:center top;}
#text{ text-align:left;
width:537px;
float:left;
margin-left:12px;
}
#dx{width:203px;
height:250px;
float:right;}
#footer{
clear:both;
position:absolute;
bottom:0px;
width:740px;
height:124px;
background-image:url(../images/bottom.jpg);
background-repeat:no-repeat;
background-position:center top;
}
/*----------------------------------------------------MENU------------------------------------------*/
#immagini{width:203px;
text-align:center;
border-top:3px solid #FFFFFF;}
#linkList{width:203px;
border-bottom:6px solid #91C02D;
border-top:6px solid #91C02D;}
#linklist img{ border:0px; margin:0px; padding:0px;}
HTML
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>:: POLYPIU'::</title>
<style type="text/css">
@import url("../_css/style.css");
</style>
</head>
<body>
<div id="container">
<div id="top"></div>
<div id="text">
aa
</div>
<div id="dx">
<div id="linkList">
<ul>
[*]AZIENDA
[*]DOVE SIAMO
[*]PRODOTTI
[*]DEVO REALIZZARE
[*]NEWS
[*]CONTATTACI
[*]CERTIFICAZIONI
[*]GARANZIE
[/list]
</div>
<div id="immagini">a</div>
</div>
<div id="footer">Privacy</div>
</div>
</body>
</html>
Mi potreste aiutare?

Rispondi quotando