Hi, you can take a look at the problem here: http://www.kungle.de/
The videobar works on Firefox 3.5 and IE8 (Compatibility Mode) Safari and Chrome doesn't work. IE8 with disabled compatibility mode disarranges the thumbnails. TIA On 25 Aug., 18:05, Yousry Abdallah <[email protected]> wrote: > 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/FirefoxCorrectRender... > > 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 -~----------~----~----~----~------~----~------~--~---
