PDA

View Full Version : lightbox javascript ruins css in IE


nanny
01-25-2009, 01:56 AM
Hi I am using a lightbox and in firefox looks great but when I add this:

<script type="text/javascript">
window.addEvent('domready',function(){
Lightbox.init({descriptions: '.lightboxDesc', showControls: true});
});
</script>


It makes the bottom div separate from the bottom. The bottom div is an image below the footer and is important to stay at the bottom. In my css I have margin-bottom: 0px; but still separates. When I remove the javascript - all works well except the lightbox.

Any reason why?

Corrosive
01-26-2009, 07:28 AM
Hi I am using a lightbox and in firefox looks great but when I add this:

<script type="text/javascript">
window.addEvent('domready',function(){
Lightbox.init({descriptions: '.lightboxDesc', showControls: true});
});
</script>


It makes the bottom div separate from the bottom. The bottom div is an image below the footer and is important to stay at the bottom. In my css I have margin-bottom: 0px; but still separates. When I remove the javascript - all works well except the lightbox.

Any reason why?

It's probably a conflicting style in the lightbox CSS file. Maybe a zero margin or something like that. Difficult to tell without seeing it. Got a URL?

nanny
01-30-2009, 02:45 AM
Thanks for the reply - found a few javascripts do odd things to some divs at times so I dropped that lightbox (found other issues) and went with lightbox 2 - so easy compared to a few others I tried.