It works brilliantly in Firefox, but in Safari, the scroll bar does not appear.
What I’ve tried:
I removed the height and the overflow from the css and the page will stretch, however, in Safari, the results leave a huge space at the bottom of the page. Another unexpected puzzler. Safari is finking out on me.
What I have not tried:
Testing this in IE on a PC. (yikes – one step at a time…)
Other things going on:
The actual search box is placed in a PHP include file (my first go at this too – which is working pretty well). The search box will eventually appear on all pages of the final design.
Safari v.3.2.3, Firefox v.3.0.10
Final project is for a non-profit. (.org)
Any thoughts or advice would be appreciated. Thank you.
Update – with solution
After a night’s sleep and a "Eureka" moment, I came up with a solution.
By placing the iframe results into a div container with the ‘overflow: auto’ assigned to the div, it worked.
The "searchcontainer" class surrounds the Google results and displays the way I want it to.
I’m still getting a weird gap at the bottom of the results in Safari, but I’m guessing that’s more of an issue with the Google code than anything I’ve done.
And I still need to test it on a PC, but I think I’m on my way.