I added the Google CSE searchbox to my site (works great!) but I have one minor problem in FireFox:

On both side of the search box there are two small lines, like this: ||
(See also file attachment)

IE6&7 don't have this problem.

Any idea what could create those lines?

Thanks,

Ron

CommentFileSizeAuthor
cse_error_firefox.jpg14.73 KBronklaren

Comments

mfb’s picture

mfb
they or he
commented

In my experience, this was the hidden fields showing up. You should be able to fix this in the CSS for your theme.

If you want to contribute a patch, we could patch the google_cse.css so no one else has to deal with this..

ronklaren’s picture

ronklaren commented

The goole_cse.css file was one of the first I looked at, but I can't figure out what of those 4 lines is causing the lines.

/* $Id: google_cse.css,v 1.1.2.2 2007/03/29 23:09:04 mfb Exp $ */
#google-cse-searchbox-form div, #google-cse-searchbox-form input { margin: 0; display: inline; }
#google-cse-results-searchbox-form div, #google-cse-results-searchbox-form input { margin: 0; display: inline; }
#google-cse-results-gadget img { margin-left: 2em; }

I'd be more than happy to contribute to a patch, just don't know where to look for.

Ron

mfb’s picture

mfb
they or he
commented

Do you have the firebug extension so you can see which element is causing the problem? If you give me the URL (via my contact form if you prefer) I could look at it for you.

ronklaren’s picture

ronklaren commented

Never mind.... the problem disapeared...... probably something was wrong with my theme.

Thanks though!

mfb’s picture

mfb
they or he
commented
Status: Active » Fixed
Anonymous’s picture

(not verified) commented
Status: Fixed » Closed (fixed)
mapi68’s picture

mapi68 commented

I have the same problem here with aurora theme:

input type="hidden" value="partner-pub-xxxxx" id="edit-cx" name="cx"
input type="hidden" value="FORID:11" id="edit-cof" name="cof"
input type="hidden" value="xxxxx" id="edit-google-cse-results-searchbox-form-form-token" name="form_token"
input type="hidden" value="google_cse_results_searchbox_form" id="edit-google-cse-results-searchbox-form" name="form_id"

mfb’s picture

mfb
they or he
commented

If you're able to tweak the CSS to resolve this, please post a patch here. Or if you give me a URL I could debug it.

Petra’s picture

Petra commented

I solved this with css: 

#container #block-google_cse-0 input, 
#container #google-cse-results-searchbox-form input {
  padding: 0;
}

please check the names of the ids.

mapi68’s picture

mapi68 commented

It's ok, THANKS!