Solved

Background image for my search box is moving when I type text into it in Internet Explorer -- must fix!

Posted on 2008-10-07
2
591 Views
Last Modified: 2013-12-08
If you type enough text into my search box on this page (when viewing the page in IE 6 or 7 ...

http://www.sutrafitadventures.com/

... you'll notice that that the background image that I have specified for that text input box starts to scroll horizontally, .. which looks ridiculous.  This problem doesn't happen in Firefox, Safari, or Chrome.

Is there any way I can fix this?   Here is the CSS that I have in place for the search input field:

.searchfield {
      border:0px;
      background-image:url(../images/searchbox_bg.jpg);
      background-position:fixed;
      height:17px;
      width:86px;
      padding:0px;
      padding-left:65px;
      margin-top:5px;
      padding-top:3px;      
      }

Thanks in advance,
- Yvan
0
Comment
Question by:egoselfaxis
2 Comments
 
LVL 5

Accepted Solution

by:
Devario Johnson earned 500 total points
ID: 22663914
Might I suggest going about this a different way by

1) making a DIV to hold the input form field for your search but set the image as the background of that Div.

then have your input text field to the right of the div (paadding-left) enough to show the search word.

that should kill your headache
0
 

Author Comment

by:egoselfaxis
ID: 22678703
Devarioj -- that was an excellent suggestion.  Thank you.

http://www.sutrafitadventures.com/

- Yvan
0

Featured Post

Is Your AD Toolbox Looking More Like a Toybox?

Managing Active Directory can get complicated.  Often, the native tools for managing AD are just not up to the task.  The largest Active Directory installations in the world have relied on one tool to manage their day-to-day administration tasks: Hyena. Start your trial today.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
WebSite Direction 1 41
Border and image sizing 5 19
Changing Color of Page Section 4 21
Add shadow behind div 5 14
Several part series to implement Internet Explorer 11 Enterprise Mode
Today, still in the boom of Apple, PC's and products, nearly 50% of the computer users use Windows as graphical operating systems. If you are among those users who love windows, but are grappling to keep the system's hard drive optimized, then you s…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Google currently has a new report that is in beta and coming soon to Webmaster Tool accounts. This Micro Tutorial will highlight new features for Google Webmaster Tools.

809 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question