Ciao a tutti
ho un contenitore con un'immagine che deve estendersi in verticale per tutta la pagina.
Ponendo l'altezza al 100% tutto è visualizzato correttamente in IE6, mentre con FF lo sfondo si visualizza solo in parte.
Tra l'altro, non capisco perché devo mettere un margine superiore a -15px per avere la pagina che parta da 0px (creandomi però un problema in Opera).
HTML
CSS<body>
<div id="container">
<div id="header"> ... </div>
<div id="content"> ... </div>
<div id="navigation"> ... </div>
<div id="footer"> ... </div>
</div>
</body>
Questa è la pagina in questione:html, body {
margin: 0;
padding: 0;
border: 0;
height: 100%;
}
body {
background-color: #ffffff;
text-align: center;
margin: -15px 0px 0px 0px;
height: 100%;
}
div#container {
width: 800px;
margin: 0px auto 0px auto;
text-align: left;
background: White url(images/base.jpg) repeat-y;
height: 100%;
}
div#header {
width: 760px;
height: 130px;
background: url(images/logo.jpg) no-repeat 40px;
}
div#content {
width: 470px !important;
width /**/: 540px;
margin: 0px auto;
padding: 40px 20px 20px 50px;
color: #993333;
text-align: justify;
float: left;
font-size: 12px;
line-height: 18px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
div#navigation {
width: 200px;
padding: 40px 40px 20px 20px;
text-align: center;
float: right;
}
div#footer {
clear: both;
text-align: center;
width: 800px;
margin-bottom: 10px;
padding-bottom: 20px;
}
http://www.ist-liturgiapastorale.net/storia.html
grazie a chi mi aiuta.
P.S.
Perché il contenuto del div navigation non vuole centrarsi?
grazie ancora
bgiordy
Rispondi quotando
