In ogni pagina del mio sito internet ho questo codice:
<div id="example2"><? include("news.php"); ?></div> (in index ho "example"
Il File news.php è fatto così:
<head><script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/newsMarquee.js"></script>
<script type="text/javascript">
Event.observe (window, 'load', function(){
new horizontalMarquee('example');
});
Event.observe (window, 'load', function(){
new horizontalMarquee('example2');
});
</script>
</head>
<div>
25 Dicembre 2011 - Menù Pranzo di Natale</p>
26 Dicembre 2011 - Menù pranzo S. Stefano</p>
31 Dicembre 2011 - Cenone di Capodanno</p>
01 Gennaio 2012 - Pranzo di Capodanno</p>
</div>
mentre il css è:
/* HORIZONTAL MARQUEE INDEX*/
#example {
border:1px solid #000;
background:#66FF66;
width:630px;
height:24px;
overflow:hidden;
vertical-align:middle;
}
#example p {
padding:0px 20px;
margin:0;
width:auto;
display:inline;
float:left;
white-space:nowrap;
line-height:120%;
vertical-align:middle;
min-height:100%;
}
/* HORIZONTAL MARQUEE */
#example2 {
border:1px solid #000;
background:#66FF66;
width:872px;
height:24px;
overflow:hidden;
vertical-align:middle;
}
#example2 p {
padding:0px 20px;
margin:0;
width:auto;
display:inline;
float:left;
white-space:nowrap;
line-height:120%;
vertical-align:middle;
min-height:100%;
}
Il problema è che in IE il testo viene tagliato e non riesco a centrarlo nella <div>. Ho provato a cambiare i vari parametri ma non sono riuscito a sistemarlo. Avete qualche suggerimento ?
Rispondi quotando