Firefox, Internet Explorer & Chrome stellen es verschieden da

[Gunnar Bittersmann]

@@Jessica:

nuqneH

ich meine den Internet Explorer in den Versionen 9 - 10 -11

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

<li style="padding-top:5px; padding-left:10px; border-right:0px !important;">

Wozu brauchst du bei Inline-Styles !important? Und warum verswendest du überhaupt Inline-Styles? Sämtliche Darstellungsangaben sollten im Stylesheet stehen.

<label for="suche" id="suche" style="display:none;">Usersuche</label>

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

Barrierefreie Methoden sollten sich aber mit dem Suchbegriff "visually hidden" finden lassen. Dürfte auch kaum anders sein als bei image replacement – nur ohne Hintergrundbild.

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

Qapla'