Salve a tutti.
Ho un dannato problema con un footer e IE.In pratica non riesco ad allinear il footer in basso anche se l'altezza della pagina non è totale, cioè non viene riempita tutta.Ho fatto vari tentativi con margin:0 e position:absolute nel #footer{.In firefox tutto OK ma niente da fare con IE, mi si sposta tutto a destra fuori dallo schermo.
Sapreste indicarmi una soluzione al problema?
Se volete vi posto tutto il codice...GRAZIE!!
<body>
<div id="header">
<div id="header_inside">
<div id="header_top">
Home
Società
Area riservata
Faq
Download
Mappa del sito
</div>
</div>
<div id="logo">[img]img/loggif.gif[/img]</div>
<div id="formsearch">
<input type="text" id="cerca" class="formsearch"/><input type="submit" class="formsearchbutton" value="Cerca"/>
</div>
<div id="news">
<form name="mainForm" >
<input class="news" type="text" style="border:0;" name="mainTextScroller" value>
</form>
</div>
<div id="footer">
itala via xxxxxx n. x cap tel: +39 xxxx.xxxxxx fax: +39 xxxx.xxxxxx
www.itala.it © 2008 All Rights Reserved</p>
</div>
</div>
</body>
/* CSS Document */
body {
width:100%;
margin: 0;
padding: 0;
text-align:center;
}
img {
border: none;
}
h3 {
font-size: 11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
margin-top:0px;
color:#9cbf1a;
font-weight: bold;
}
/* HEADER */
#header {
width: 100%;
height:100%;
}
#header_top {
margin:0 auto;
width:640px;
height:33px;
}
#header_top a{
height:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#9cbf1a;
font-size:11px;
float:left;
margin-left:0px;
margin-top:3px;
text-align:center;
text-decoration:none;
}
#header_top a:hover{
height:15px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#999999;
font-size:11px;
float:left;
margin-left:0px;
margin-top:3px;
text-align:center;
text-decoration:none;
}
.header_top {
width:100px;
height:15px;
}
#header_inside {
width: 100%;
height:100px;
background-color:#fdfdfd;
}
/* FORM */
#formsearch {
margin:0 auto;
width:100%;
margin: 0;
padding-top: 0px;
margin-left:0px;
height:80px;
color:#FFFFFF;
float: left;
display:block;
}
#formsearch:hover {
width:100%;
margin: 0;
padding-top: 0px;
margin-left:0px;
height:80px;
color:#FFFFFF;
float: left;
}
.formsearch {
width:300px;
margin-toppx;
margin-left:0px;
color:#666666;
height:14px;
}
.formsearchbutton {
width:auto;
margin-top
margin-left:0px;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
/* LOGO */
#logo {
width:100%;
float: left;
margin-left:0px;
padding-top: 0px;
text-align:center;
background-image:url(../img/im01.gif);
margin-top:0px;
}
/* NEWS */
#news {
border-bottom:1px solid #d2d2d2;
border-top:1px solid #d2d2d2;
width:100%;
float:left;
height:20px;
margin-bottom:0px;
background-color:#f3f3f3;
text-align:center;
}
.news {
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
width:90%;
margin-top:0px;
background-color:#f3f3f3;
color:#999999;
}
/* FOOTER */
#footer {
width:100%;
height:50px;
background-image:url(../img/footermin.gif);
background-repeat:repeat-x;
float:left;
font-size: 11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color:#ffffff;
text-decoration:none;
}
#footer a{
font-size: 11px;;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
margin-top:0px;
color:#ffffff;
text-decoration:none;
}
#footer a:hover{
font-size: 11px;;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
margin-top:0px;
color:#999999;
text-decoration:none;
}
Rispondi quotando
