Input achtergrond beweegt!!!
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:
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
.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;
}
{
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?
Gesponsorde koppelingen:
Edit: ouwe IE's (lees IE6 <) pakken moeilijke CSS niet. Dus input[type=text] gaat niet werken. Dat is te moeilijk voor ze.
Gewijzigd op 01/01/1970 01:00:00 door Luuk Schakenraad
Code (php)
1
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...
