Hi, I'm using css blueprint for my website layout and I'm now trying to integrate the ajax video bar.
This works fine under firefox/firebug. http://yousry.de/blog/wp-content/uploads/2009/08/FirefoxCorrectRendering.png But with IE8 the video bar looks odd: http://yousry.de/blog/wp-content/uploads/2009/08/IeCorruptRendering.png I have defined my css as follows: .videoSection { height: 120px; } .resultCell_gsvb { width : 160px; margin-right: 1px; margin-left: 1px; padding-top : 1px; padding-right : 1px; padding-left : 1px; padding-bottom : 1px; } #videoBar { width : 160px; margin-right: 1px; margin-left: 1px; padding-top : 1px; padding-right : 1px; padding-left : 1px; padding-bottom : 1px; } The HTML is generated via a web framework: The Header: <title>Kungle News</title> <link href="/classpath/blueprint/screen.css" type="text/css" rel="stylesheet" media="screen, projection" /> <link href="/classpath/blueprint/print.css" type="text/css" rel="stylesheet" media="print" /> <!--[if IE]><link rel="stylesheet" href="/classpath/blueprint/ ie.css" type="text/css" media="screen, projection"><![endif]--> <link href="/classpath/blueprint/plugins/fancy-type/screen.css" type="text/css" rel="stylesheet" media="screen, projection" /> <script type="text/javascript" src="/classpath/jquery.js" id="jquery"></script> <script type="text/javascript" src="/classpath/json.js" id="json"></ script> <script src="http://api.mywot.com/widgets/ratings.js"; type="text/ javascript"></script> <!-- Youtube Video --> <link type="text/css" rel="stylesheet" href="http://www.google.com/uds/ css/gsearch.css" /> <link type="text/css" rel="stylesheet" href="http://www.google.com/uds/ solutions/videobar/gsvideobar.css" /> <script type="text/javascript"> //<![CDATA[ var e = document.createElement("script"); e.src = "http://www.google.com/uds/api?file=uds.js&v=1.0&source=uds- vbw"; e.type="text/javascript"; document.getElementsByTagName("head")[0].appendChild (e); e = document.createElement("script"); e.src = "http://www.google.com/uds/solutions/videobar/gsvideobar.js? mode=new&safe=active"; e.type="text/javascript"; document.getElementsByTagName("head")[0].appendChild (e); // ]]> </script> <link media="screen" rel="stylesheet" type="text/css" href="/css/ kungleNext.css" /> <script type="text/javascript" src="/ajax_request/ liftAjax.js;jsessionid=1uck2b4a4t3b9"></script></head> <body> The Body section: <div class="span-24 contentblock last"> <script type="text/javascript"> // <![CDATA[ function LoadVideoBar() { var vbr; var options = { string_allDone : "CLOSE Window", largeResultSet : true, horizontal : true, autoExecuteList : { cycleTime : GSvideoBar.CYCLE_TIME_SHORT, cycleMode : GSvideoBar.CYCLE_MODE_LINEAR, statusRoot : document.getElementById("videoBarStatus"), executeList : ["Google","Video"] } } vbr = new GSvideoBar( document.getElementById("videoBar"), GSvideoBar.PLAYER_ROOT_FLOATING, options ); vbr.execute(); } GSearch.setOnLoadCallback(LoadVideoBar); ; // ]]> </script> <h3>Video Search Results</h3> <div class="span-1"><p> </p></div> <div id="videoBarStatus" class="span-22">Loading...</div> <div class="span-1 last"><p> </p></div> <div class="span-1"><p> </p></div> <div id="videoBar" class="span-23 videoSection last">Loading...</div> </div> I have no clue, what the problem is. The IE8 developer-tools didn't show any problems. --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Google AJAX APIs" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/google-ajax-search-api?hl=en -~----------~----~----~----~------~----~------~--~---
