Div position and trigger function problem in ie
Posted: Thu Oct 01, 2009 7:34 am
Hi all,
I have this code in php which generates the gallery :
As you see, there is a div with id='gallery' which contain two divs 'click_prev' and 'clicl_next'. They are responsible for trigger function in jQuery for moving imgs left and right. The css for those divs is :
Now the problem is that in firefox and opera everything is ok, the two 'click' divs are appearing inside the 'gallery' div and when I am clicking them they trigger jQuery function properly. But not in ie. In internet explorer those divs are OUTSIDE the 'gallery' div, moreover even when I am clicking them nothing happends.
I have separated css file for ie so I can change it only for ie, any idea how to fix it ?
I have this code in php which generates the gallery :
Code: Select all
echo '<div id="gallery" class="gallery">'.
'<div id="click_prev"></div><div id="click_next"></div>'.
'<div class="img_container" id="img_container" style="width:'.$width.'px; right:0px;">';
if(!empty($_POST['dir'])) {
for($i=$count-1; $i>=0; $i--) {
echo '<img src="'.$imgs[$i].'">';
}
}
echo '</div>';
Code: Select all
#click_next { position:absolute; z-index:2; background:transparent; height:360px; width:125px; float:left; cursor:url(http://deigie.pl/images/site/strzalka_lewo.gif), pointer;} #click_prev { position:absolute; z-index:2; background:transparent; height:360px; width:600px; float:left; margin-left:125px; cursor:url(http://deigie.pl/images/site/strzalka_prawo.gif), pointer;} I have separated css file for ie so I can change it only for ie, any idea how to fix it ?