Ciao a tutti, sono nuovo del forum e avrei un problemi da porvi sul posizionamento del footer su IE6.
Su IE7, FF e Opera tutto ok, su IE6 invece il footer lo visualizzo staccato dal resto della pagine (più in basso) e non completo.
Questo è il codice css, secondo voi è corretto?
#container {
margin: 0 auto;
width: 840px;
height : 579px;
}
#header {
background: transparent url(../img/struttura/header.jpg) no-repeat 0 0;
float: left;
position: relative;
width: 840px;
height: 116px;
}
#content {
background: url(../img/struttura/content.jpg) repeat-y 0 0;
float: right;
width: 534px;
height : 464px;
overflow : auto;
position : relative;
}
#sidebar{
background: transparent url(../img/struttura/sidebar.jpg) no-repeat 0 0;
float: right;
width: 306px;
height : 464px;
}
#clearer {
clear: both;
visibility: hidden;
}
#footer {
margin: 0 auto;
width: 840px;
min-height: 24px;
height: auto !important;
background: transparent url(../img/struttura/footer.jpg) no-repeat;
}
Questo invece è il codice HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
...
</head>
<body>
<div id="container">
<div id="header">
...
</div>
<div id="content">
...
</div>
<div id="sidebar">
</div>
<hr id="clearer" />
</div>
<div id="footer">
</div>
</body>
</html>
Grazie in anticipo, bye!!

Rispondi quotando