Immagini slides ie6

[starbuck]

Ho un div slides che contenente una serie di immagini che fungono da slides, le immagini ruotano grazie al plug-in coin-slider, il layout non ha problemi su tutti i browser tranne che su ie6 dove il div contenente le slider è shiftato a sx del container di circa 20px

Se al posto delle slides metto un'immagine fissa, non ci sono present che invece si presentano se uso una serie di immagini una dopo l'altra.

<div id="container">
<div id="coin-slider">
[img]./img/slides/header3.jpg[/img]
[img]./img/slides/header4.jpg[/img]
[img]./img/slides/header5.jpg[/img]
[img]./img/slides/header1.jpg[/img]
[img]./img/slides/header2.jpg[/img]
</div>

mentre il css è così

#container{
	width:910px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}


#coin-slider{
width:100%;
height:300px;
}

[Prill]

Forse è tempo di lasciar perdere ie6 considerando che ormai è browser vetusto, ma, eventualmente, puoi ovviare con un css apposito per quel browser che corregga quello spostamento (sfruttando i commenti condizionali)

[starbuck]

Si ma come dovrei modificare il codice per renderlo compatibile con ie6?

[Prill]

non lo so perché ad occhio col codice indicato dovrebbe essere tutto a posto, ie6 riconosce i margini laterali su auto per centrare orizzontalmente, quindi il problema potrebbe anche stare altrove e a monte. Sarebbe perciò necessario vedere il tutto e testarlo su quel browser, che non ho sul computer. Per questo, per risolvere in fretta suggerivo un css apposito (in cui sposti il contenitore 20 pixel più a destra, o un hack del tipo * html #coin-sliders {margin-left:20px;} ), fermo restando che sarebbe preferibile comprendere il motivo di quello spostamento e vedere se è possibile risolverlo magari con un intervento diverso e senza css dedicati o hack

[starbuck]

Ho scoperto l'arcano in pratica su IE mi shiftava il box delle slides a causa del codice css meddo ad hoc per gestire l'effetto ombra anche su ie6/7

-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#FFFFFF,strength=14)";
	filter:
			progid:DXImageTransform.Microsoft.Shadow(color=#FFFFFF,direction=90,strength=10)
			progid:DXImageTransform.Microsoft.Shadow(color=#FFFFFF,direction=180,strength=5)
			progid:DXImageTransform.Microsoft.Shadow(color=#FFFFFF,direction=270,strength=10);
	*/

Tolto questo il box è ben allineato anche su ie6, ad onor del vero basta togliere il 3° comando...quello con direction=270.

Il motivo di ciò é a me sconosciuto.