• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

CSS: Google Search API, IE gsc-input width Fehler

Cuthbert

New member
Hallo liebe Leser!

Habe mich soeben etwas mit der Google Web Search API beschäftigt. Funktioniert eigentilch ganz gut, beim Bearbeiten der CSS Eigenschaften für die API tritt jedoch ein Fehler (nur) im Internet Explorer auf.

Aufgabe: Das Input Feld für die Suche soll 500px breit sein.

Problem: Beim (abermaligen) Klicken auf den Button "Suchen" verändert sich ungewollt die Breite wieder.

Seite: http://www.area51.valorized.net/?q=suche2&s=test

CSS für Google API:
HTML:
/* Google Search API */
table.gsc-resultsHeader, table.gsc-branding, .gsc-clear-button{display:none;}
div.gsc-control{width:100%;}
td.gsc-input{background-color:green;width:511px;}
td.gsc-search-button{background-color:red;}
td.gsc-clear-button{width:0;}
td.gsc-input input{border-style:solid;border-color:#CCCCCC #999999 #999999 #CCCCCC;border-width:1px;font-size:16px;padding:5px 6px 4px 5px;width:500px;}
input.gsc-search-button {font-size:16px;height:32px;margin-left:4px;padding-top:1px;width:84px;}
.googleSearch .gs-webResult .gs-visibleUrl-short{display:none;}
.googleSearch .gs-webResult .gs-visibleUrl-long{display:block;}

Zur besseren Wahrnehmung des Problems habe ich das Tabellenfeld mit der Klasse .gsc-input grün hinterlegt und das Feld td.gsc-search-button rot.

Vielen Dank für eure Hilfe!


PS: zur Google Search API Web Search Examples - Google AJAX Search API - Google Code
 
Zuletzt bearbeitet:
Zurück
Oben