problema visualizzazione slider con firefox

  • Creatore Discussione Creatore Discussione asevenx
  • Data di inizio Data di inizio

asevenx

Utente Attivo
7 Nov 2009
312
0
16
salve, nel mi sito ho inserito una slider con delle foto a scorrimento orizzontale. Con Chrome e IE si visualizza correttamente, mentre con FF si sposta tutto sulla destra, come se venga spostato da qualche elemento del sito. Il sito in questione è http://testsitifederico.altervista.org/2laghi/

la porzione interessata:
HTML:
	<!-- Navigator Menu -->	
	<div id="container-menu">
	
		<ul class="menu nav1">
			<li><a href="#">Home</a></li>
			<li><a href="#">Albergo</a>
				<ul>
					<li><a href="#">Camere</a></li>
					<li><a href="#">Piscina</a></li>
					<li><a href="#">Tariffe</a></li>
					<li><a href="#">Booking</a></li>
				</ul>
			</li>
			<li><a href="#">Ristorante</a>
				<ul>
					<li><a href="#">Cerimonie</a></li>
					<li><a href="#">Giornate speciali</a></li>
					<li><a href="#">Menu ristorante</a></li>
				</ul>
			</li>
			<li><a href="#">Azienda Agricola</a>
				<ul>
					<li><a href="#">Listino</a></li>
					<li><a href="#">Produzione</a></li>
				</ul>				
			</li>
		</ul>
				
		<div class="banner-logo-2"></div>
				
		<ul class="menu nav2">
			<li><a href="#">Sport Benessere</a>
				<ul>
					<li><a href="#">Centro benessere</a></li>
					<li><a href="#">Attività sportive</a></li>
				</ul>
			</li>
			<li><a href="#">Incontri Aziendali</a>
				<ul>
					<li><a href="#">Sale</a></li>
					<li><a href="#">Tariffe sale</a></li>
					<li><a href="#">Offerte</a></li>
				</ul>
			</li>
			<li><a href="#">Circolo Equestre</a></li>
		</ul>
		
		<div class="clear"></div>
	</div>	

	<!-- Main -->	
	<div id="container-main">
	
		<!-- Slider -->	
		<div id="slider">
			<div id="gallery">		
				<div class="slider">
					<ul class="slides">	
						<li class="slide"><div class="box"><img src="slider/1.jpg" alt="" /></div></li>
						<li class="slide"><div class="box"><img src="slider/2.jpg" alt="" /></div></li>
					</ul>
				</div>
				
				<div id="line-slider"></div>	
			</div>
		</div>	
		
		<!-- Box Offert -->
		<div class="box-offert">
			<a href="#">Offerte Speciali / Last Minuts</a>
		</div>	
	</div>

Secondo voi dove è il problema?

Se c'è bisogno anche del css fatemi sapere. Grazie a tutti
 
Nel file slider.css, c'è la classe slider che ha come regola "overflow:hidden". Non capisco bene perchè ma è quella che da fastidio allo slider e lo sposta. Il problema è che se togli l'overflow lo slider non funziona più nel modo corretto
 
Nel file slider.css, c'è la classe slider che ha come regola "overflow:hidden". Non capisco bene perchè ma è quella che da fastidio allo slider e lo sposta. Il problema è che se togli l'overflow lo slider non funziona più nel modo corretto

Grazie! Credo di aver risolto semplicemente con

HTML:
#slider{
    margin-left:63px;	
	display: inline-block;
}
 
Come non detto, ora su IE lo slider si sposta tutto sulla destra :(

Qualche soluzione? Grazie a tutti
 

Discussioni simili

M
Risposte
2
Visite
2K
HTML e CSS
Membro cancellato 26246
M