Ciao ragazzi sto tentando di realizzare la home di un sito.
Il problema mi si pone quando devo realizzare il footer.
Premetto che il div principale di altezza è 580px.
Quindi l'header è di 140px, la navigazione di 422 mentre il footer è di 18px.
Ho una immagine di sfondo per il div principale che è di 720px per 562px mentre per il footer ho un'immagine di sfondo che è di 720px per 18px.
Quando vado in anteprima su internet explorer fra l'immagine di sfondo del div principale e quella del footer invece di "incastrarsi" o "susseguirsi" c'è dello spazio bianco, cioè si "separano".
Se uso Opera, Mozilla, Chrome si "incastra" o "sussegue" perfettamente.
Attenzione. Quando vado a inserire del testo nel footer Anche sugli ultimi 2 broswer si crea questo spazio biancio cioè si "separano".
Ragazzi aiutatemi please!
ECCO IL CODICE HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Unregistered User">
<meta name="generator" content="AceHTML Freeware">
<link rel="stylesheet" type="text/css" href="stile.css">
</head>
<body>
<div id="container">
<div id="header">
<div id="logo1">[img]images/logo1.gif[/img]</img>
</div>
<div id="logo2">[img]images/logo2.gif[/img]</img>
</div>
</div>
<div id="content">
<div id="cosatrovi">[img]images/cosatrovi.gif[/img]</img>
</div>
<div id="cose">[img]images/cose.gif[/img]</img>
</div>
<div id="corsi">[img]images/corsi.gif[/img]</img>
</div>
<div id="foto">[img]images/foto.gif[/img]</img>
</div>
<div id="eventi">[img]images/eventi.gif[/img]</img>
</div>
<div id="video">[img]images/video.gif[/img]</img>
</div>
<div id="contatti">[img]images/contatti.gif[/img]</img>
</div>
</div>
<div id="footer"><p class="txtfoot">testo testo testo testo testo testo</p>
</div>
</div>
</body>
</html>
CODICE CSS
@charset "windows-1252";
html, body, h1, h2, h3, h4 {margin: 0; padding: 0; text-align:center;}
/*impostazioni layout*/
div#container {width: 760px; height: 580px;
background: url(images/centralimg.gif) no-repeat scroll;
margin: 6% auto auto auto; text-align: left;
padding: 0;}
/*settaggi header*/
div#header {width: 760px; height: 140px;}
div#logo1 {margin-left: 206px; margin-top: 8px; float: left;}
div#logo2 {margin left: 8px; margin-top: 18px;}
/*settaggi dei contenuti*/
div#content {width: 760px; height: 422px;}
div#cosatrovi {margin-left: 338; margin-top: 15px; position: absolute;}
div#cose {margin-left: 330px; margin-top:100px; position: absolute;}
div#corsi {margin-left: 220px; margin-top:100px;position: absolute;}
div#foto {margin-left:205px; margin-top: 200px; position:absolute;}
div#eventi {margin-left: 490px; margin-top: 100px; position: absolute;}
div#video {margin-left:490px; margin-top:200px; position:absolute; }
div#contatti {margin-left:344px; margin-top: 300px; position:absolute; }
/*settaggi footer*/
div#footer {width: 760px; height: 18px; background: url(images/footer.gif) no-repeat scroll;
text-align: center; margin: 0; padding: 0;}
/*settaggi font*/
.txtfoot {text-color: #000000; font-family: arial, verdana, sans-serif; font-size: 11px;}
Grazie per chi mi aiuterà!
Rispondi quotando
