Firefox, Internet Explorer & Chrome stellen es verschieden da

[Jessica]

Hallo,

Auf einer VM kann ich das nicht nachvollziehen. Ich hab rechts weniger Grau als auf deinem Screenshot zu sehen ist.

rechts und links ist es auch OK, das nervt mich nicht, schau mal über dem Feld und unter dem Feld, da ist im FF genau gleichviel Platz und im IE bzw. Chrome ist oben mehr Platz wie unten, das nervt mich.

Nein, so geht’s nicht. display:none lässt das Element nicht nur visuell verschwinden, sondern auch für Screenreader.

Ich hab es jetzt so gemacht, ich glaube das ist OK oder?

  
<form action="" method="get">  
<label for="suche" style="text-indent:-99999px;">Usersuche</label>  
<input name="suche" id="suche" type="search" placeholder="Suche ...." style="background-color: #efefef; border:0px; width:150px;">  
<button style="border:0px; background-color:#efefef;">suchen</button>  
</form>  

Aber warum willst du das überhaupt? Statt des Placeholders könntest du auch das Label visuell im Eingabefeld plazieren.

das habe ich derzeit nur um zu testen, dass ich nicht immer zwischen den Dateien springen muss, wenn es richtig ist, kommt es natürlich in die style.css wie auch alles andere.

Gruß
Jessica