This should be easy to fix. First, your search field input has two IDs: ‘keyword’ and ‘TextField’, so pick one and make a style like this:
#keyword { width: 140px }
Related to this problem, you don’t have a Name attribute set on that input, so nothing will ever be sent to your server – the name is what the browser uses to identify the values it sends to the server – so right now you will never get anything to go to your search script. To avoid confusing older versions of IE, it’s always best for the name and id to match one another, unless there’s no way (checkboxes and radio buttons often have the same name as one another, and therefore have to have unique IDs that won’t match the name).
As to your second question, that’s happening because each of your elements (the search field and the “go” button and the “background” – which you’ve styled as a positioned image rather than a background image) are independently positioned as absolute items; which means that their individual dimensions never interact with one another. Imagine that each one of them is on a separate sheet of glass in an animation camera, and if you slide one of them one way or another, it will never touch or move the other one. To fix this, I would make your HTML more like this:
Note that the background is set on the form itself, so it will naturally be behind all the other elements within it. The form has padding, which gives it shape, and the elements within it have no dimensions, so that they can flex and change as the different browsers render them at different sizes, while stretching the outer container to fit. Just make sure that your background image is large enough to cover the largest possible browser field, and you should be good. (Just make it taller and wider than needed, but centered vertically, and you should be in good shape.)
Walter
On Oct 18, 2012, at 11:14 AM, ima wrote:
Thank you for advice
I described it
I am troubled with indication varying according to a browser
https://dl.dropbox.com/u/21364404/img3.png
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options