Hallo,

Ik ben bezig met een nieuwe website, en hier wil ik een input hebben met een achtergrond, dit heb ik gedaan met de volgende css code, en als ik in firefox kijkt werkt het gewoon goed:

	.search-input[type="text"]
	{
		background: url('http://media.devhouse.nl/images/v1/search_field.png') no-repeat;
		width: 142px;
		border:0;
		height: 21px;
		color: #FFF;
		padding: 5px 10px 0px 10px;
		font-size: 12px;
	}


maar als ik het nu in internet explorer(7) bekijk, en ik tik hier een lange tekst in, dan beweegt de achtergrond van de input naar links. Ik heb geen idee hoe ik dit kan verhelpen.

Een voorbeeld is te zien door naar http://devhouse.nl/?login te gaan, daar in te loggen met phphulp & phphulp en dan tekst in te tikken in de bruine input(rechts)(naast het logo)

kan iemand mij misschien helpen?
Ik gok dat de achtergrond mee beweegt met de tekst, als dat zo is, kun je hem misschien fixed meegeven. Dan zal ie mee gaan met de tekst.

Edit: ouwe IE's (lees IE6 <) pakken moeilijke CSS niet. Dus input[type=text] gaat niet werken. Dat is te moeilijk voor ze.
nee helaas, door position:fixed; toe te voegen werkt het ook niet.
Niet aan het element. Maar de achtergrond fixed meegeven.
bedoel je dit:

background: url('http://media.devhouse.nl/images/v1/search_field.png') no-repeat fixed;


zo ja: dat werkt helaas ook niet, in ff is hij dan helemaal weg, en ie staat hij er wel, maar beweegt hij nogsteeds niet met de tekst mee...
Vaag. Ik ga even kijken of ik er wat over kan vinden.
Ik zou die input sowieso wat meer naar links zetten, hier in Opera zit ie voor iets van 3/4 naast m'n scherm.
Heb je nu iets veranderd? Want je background url is anders dan de link die je in je TS gaf. Zoja, dan zou ik zeggen: Mooi zo laten. Inputvelden wil je toch wel ongeveer zo lang hebben. En het effect is mooi zo

Reageren