hal8

# March 11, 2009 at 12:15 pm

Hi everyone…wots up.

1st of i know chris has done a vid already on google search box but im having a bit or trouble !

Ok so i have manages to do the actual search box ok and have got it in the right position, but then when i try and do the results page it doesnt go to where i want it.

So the results for the search is on a different page and i have put the results in so it should come up in the left col div, but it still appears in the right. Also how would i go about changing the result page so it fits into the left col div ?

Here is the link.

http://www.footballsmylife.com

Its prob something very simple….but its doing my head in.

Cheers

Soh Tanaka

# March 11, 2009 at 2:18 pm

From the look of it, your source code states that your Google Search Code is placed in your right column. I dont think this is a CSS issue, but just misplacement of the html/js code that google provides~

hal8

# March 11, 2009 at 4:14 pm

doh….forgot to update server :o

How do i go about changing the width and height then ? Ive tried putting height: 600px and width: 525px and adoesnt seem to work. Im trying to do it so it just fits perfect in the left col :(

As i said before it prob a simple thing but my skills are very limited !!

apostrophe

# March 11, 2009 at 4:33 pm

The extra width is coming from Google’s iframe which is set to 795px. I can change it in Firebug but I’m not sure if Google gives you the option to customise it. Best check the Google documentation.

Soh Tanaka

# March 11, 2009 at 5:27 pm

I’ve done this before on a recent project and this is what I did:

Wrap the Google html code with another class name lets say .container

Code:

css

.container {
width: 970px; /*–what ever you want–*/
padding: 20px;
overflow: hidden;
}

hal8

# March 13, 2009 at 6:13 am

Soh Tanaka you’re a legend….cheers pal