Jump to content
Lizard Wizard Coding Club

Funny IE8 behaviour


Recommended Posts

http://microwarehouse.merus.co.uk/catalogue/item/it-equipment/Printers/All-In-One-Printers/Brother-DCP-195C/DCP195CZU1/BRMF195C

 

i was asked to fix an IE8 problem with this page.

 

it might be easier to explain if you view the page in IE9 or FF to see a comparable.

 

basically the carousel extends its list items during page load thereby stretching the div it resides in. the issue is this div does not return to its natural state when all page elements are loaded.

 

evidently by clicking on one of the tabs (specs or jargon) the bug is reset and u can see how the page is supposed to look once loaded.

 

anyone know why it does this, and even better if there is a workaround?

 

many thank guys

Edited by pnmorrison
Link to post
Share on other sites

I suggest you start off by validating the CSS and HTML on the site and see if resolving the errors will fix some of your problems. There are a bunch of CSS errors on your site. Hope this helps.

 

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fmicrowarehouse.merus.co.uk%2Fcatalogue%2Fitem%2Fit-equipment%2FPrinters%2FAll-In-One-Printers%2FBrother-DCP-195C%2FDCP195CZU1%2FBRMF195C&profile=css21&usermedium=all&warning=1&vextwarning=&lang=en#errors

Link to post
Share on other sites

You might try adding a set width and overflow:hidden to the container that holds the carousel? (I think either .img-frame or #img-gallery.)

 

But as linton said above, double check for any easily fixable CSS errors first. Most of the errors seem related to CSS3 issues, and aren't really "errors" though.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...