tobybailey Posted April 3, 2011 Share Posted April 3, 2011 With my oscommerce 2.2 set up, if I embed a youtube video using the iframe code in a a product description it works fine with Firefox. But with IE 8, if the browser window width is too small the video overlays and partially obliterates the product image (rather than displaying under the product image as Firefox does in this situation). I'd be grateful if anyone has discovered a quick fix for this one. Toby Link to comment Share on other sites More sharing options...
soundzgood2 Posted April 4, 2011 Share Posted April 4, 2011 With my oscommerce 2.2 set up, if I embed a youtube video using the iframe code in a a product description it works fine with Firefox. But with IE 8, if the browser window width is too small the video overlays and partially obliterates the product image (rather than displaying under the product image as Firefox does in this situation). I'd be grateful if anyone has discovered a quick fix for this one. Toby Hi Toby If you View Source of your homepage in IE8, I'll guess that you'll see only this at the top: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> which means IE will render things in 'quirks mode', meaning the layout won't be 'consistent' across browsers. You can get your site rendering in a basic 'standards compliant mode' by changing the index.php page to have: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> and this will help the layout of your youtube iframe, BUT it might change other things including table sizes, font sizes/colours etc when you do it. If you use IE9 and press F12 Developer's Tools, you can preview what the different modes will do to your site by changing the Document mode in the mid-top of the DT bar. Simon About me Link to comment Share on other sites More sharing options...
tobybailey Posted April 4, 2011 Author Share Posted April 4, 2011 Hi Toby If you View Source of your homepage in IE8, I'll guess that you'll see only this at the top: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> which means IE will render things in 'quirks mode', meaning the layout won't be 'consistent' across browsers. You can get your site rendering in a basic 'standards compliant mode' by changing the index.php page to have: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> and this will help the layout of your youtube iframe, BUT it might change other things including table sizes, font sizes/colours etc when you do it. If you use IE9 and press F12 Developer's Tools, you can preview what the different modes will do to your site by changing the Document mode in the mid-top of the DT bar. Simon *Many* thanks for that. It's not something I was aware of generally. I must do some careful experiments. Thanks again, Toby Link to comment Share on other sites More sharing options...
New 
Recommended Posts
Archived
This topic is now archived and is closed to further replies.