"li" + float crash Internet Explorer 6
I know. A horrible ugly browser that we don't want to support, but it doesn't seem like it could be easier to destroy this thing.
Image Gallery is a Joomla plugin (Sigplus) and it works great with all other standard browsers. Internet Explorer does not display correctly. All images were displayed in one line vertically, one below the other. But the browser doesn't freeze or crash and the gallery works as well.
Below is the Joomla plugin, and I didn't want to mess with how it works, so for Internet Explorer I added a simple rule to the title:
<!--[if lt IE 7]>
<style>
li
{
float:left;
margin-right:5px;
}
</style>
<![endif]-->
This fixed the problem and the gallery appears as it should. But when scrolling down and reaching the last line of images, Internet Explorer hangs and crashes.
I tried deleting the last five images, thinking it had something to do with the images themselves. But now it hangs at the current last line and crashes.
What could it be?
a source to share
Some solutions that may (or may not work):
- Add a purge separator at the end of your LI
- Switch from XHTML Transitional doctype to HTML5 or XHTML Strict document type
- Place a UL relative container
- Install
zoom:1
to UL and / or LIs - Install
height:1%
to UL and / or LIs
There are some of the standard things I do when IE just sucks in life.
a source to share