none
IE 8+9 keine Anzeige benutzerdefinierte Google Suchmaschine RRS feed

  • Frage

  • Hi, der Code von Googles benutzerdefinierte Suche wird in allen Browsern korrekt angezeigt, nur nicht im Internet-Explorer. Hier der Link zu einer Beispielseite:

    http://www.kundenberater.rneuhoff.eu/profi-recherche/04-vereine/index.php

    Unter "Bitte Städtenamen eingeben" erscheint ein graues großes Rechteck

    Hier der von Google generierte Code:

    <div id="cse" style="width: 100%;">Loading</div>

    <script src="//www.google.com/jsapi" type="text/javascript"></script>

    <script type="text/javascript"> 

      google.load('search', '1', {language : 'de', style : google.loader.themes.SHINY});

      google.setOnLoadCallback(function() {

        var customSearchControl = new google.search.CustomSearchControl('002601545731368397874:fdaaduqw3yg');

        customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);

        customSearchControl.draw('cse');

      }, true);

    </script>

     <style type="text/css">

      .gsc-control-cse {

        font-family: Verdana, sans-serif;

        border-color: #999999;

        background-color: #999999;

      }

      input.gsc-input {

        border-color: #8A99A6;

      }

      input.gsc-search-button {

        border-color: #8A99A6;

        background-color: #D0D1D4;

      }

      .gsc-tabHeader.gsc-tabhInactive {

        border-color: #B2BDC6;

        background-color: #B2BDC6;

      }

      .gsc-tabHeader.gsc-tabhActive {

        border-color: #8A99A6;

        background-color: #8A99A6;

      }

      .gsc-tabsArea {

        border-color: #8A99A6;

      }

      .gsc-webResult.gsc-result {

        border-color: #FFFFFF;

        background-color: #FFFFFF;

      }

      .gsc-webResult.gsc-result:hover {

        border-color: #D2D6DC;

        background-color: #EDEDED;

      }

      .gs-webResult.gs-result a.gs-title:link,

      .gs-webResult.gs-result a.gs-title:link b {

        color: #0568CD;

      }

      .gs-webResult.gs-result a.gs-title:visited,

      .gs-webResult.gs-result a.gs-title:visited b {

        color: #0568CD;

      }

      .gs-webResult.gs-result a.gs-title:hover,

      .gs-webResult.gs-result a.gs-title:hover b {

        color: #0568CD;

      }

      .gs-webResult.gs-result a.gs-title:active,

      .gs-webResult.gs-result a.gs-title:active b {

        color: #0568CD;

      }

      .gsc-cursor-page {

        color: #0568CD;

      }

      a.gsc-trailing-more-results:link {

        color: #0568CD;

      }

      .gs-webResult.gs-result .gs-snippet {

        color: #5F6A73;

      }

      .gs-webResult.gs-result .gs-visibleUrl {

        color: #5F6A73;

      }

      .gs-webResult.gs-result .gs-visibleUrl-short {

        color: #5F6A73;

      }

      .gs-webResult.gs-result .gs-visibleUrl-short {

        display: none;

      }

      .gs-webResult.gs-result .gs-visibleUrl-long {

        display: block;

      }

      .gsc-cursor-box {

        border-color: #FFFFFF;

      }

      .gsc-results .gsc-cursor-page {

        border-color: #B2BDC6;

        background-color: #FFFFFF;

      }

      .gsc-results .gsc-cursor-page.gsc-cursor-current-page {

        border-color: #8A99A6;

        background-color: #8A99A6;

      }

      .gs-promotion.gs-result {

        border-color: #D2D6DC;

        background-color: #D0D1D4;

      }

      .gs-promotion.gs-result a.gs-title:link {

        color: #0066CC;

      }

      .gs-promotion.gs-result a.gs-title:visited {

        color: #0066CC;

      }

      .gs-promotion.gs-result a.gs-title:hover {

        color: #0066CC;

      }

      .gs-promotion.gs-result a.gs-title:active {

        color: #0066CC;

      }

      .gs-promotion.gs-result .gs-snippet {

        color: #333333;

      }

      .gs-promotion.gs-result .gs-visibleUrl,

      .gs-promotion.gs-result .gs-visibleUrl-short {

        color: #5F6A73;

      }

    </style>

     

    Freitag, 15. April 2011 23:57

Antworten

  • Hi, der Code von Googles benutzerdefinierte Suche wird in allen Browsern
    korrekt angezeigt, nur nicht im Internet-Explorer.

    Falsch. Er wird auf der von dir produzierten Seite nicht angezeigt. Das
    liegt daran, daß der IE unnötigerweise in den Kompatibilitäts-Modus
    gezwungen wird und dann noch mit ziemlich hanebüchenem Browsersniffing nach
    den Versionen 8 und 9 gefahndet wird. Nutzung der Developer Tools des IE
    hätte dir das gleich gezeigt.


    IEFAQ: http://iefaq.info
    Samstag, 16. April 2011 13:30
    Beantworter