Stefan: INPUT Tag formatieren

SELF-Forum

INPUT Tag formatieren

Stefan
– Informationen zu den Bewertungsregeln

Hallo!

Wenn ich meinem Input Tag mittels CSS eine Höhe und Breite zuweise, klappt das im IE6 nur bedingt. Woran könnte das liegen?

Diese Frage wurde schon einmal im Forum gestellt, es fehlt jedoch die passende Antwort.

<input name="textfield" type="text" style="background-image:url(images/suche_font.gif); background-repeat:no-repeat; width:92px; height:17px; font-family: Arial, Helvetica, sans-serif;font-size: 11px; color: #6B827A; font-weight: normal;" value="Suchbegriff"><img src="images/spacer_fake.gif" width="17" height="17">

Hier ist sehr schön zu erkennen, dass das Formularfeld größer ist, als die Grafik. In Opera und Firefox passt aber alles.

Gibt es einen Workaround oder eine generelle Lösung für das Problem?

Vielen Dank,
Stefan

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. INPUT Tag formatieren

    Hilker
    – Informationen zu den Bewertungsregeln

    Hallo,

    wann ich das hier:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <HTML>
    <HEAD>
    <TITLE>test</TITLE>
    </HEAD>

    <BODY>
    <input name="textfield" type="text" style="background-image:url(pic/url); background-repeat:no-repeat; vertical-align: middle; padding: 0px; width:92px; height:17px; font-family: Arial, Helvetica, sans-serif;font-size: 11px; color: #6B827A; font-weight: normal; border:1px solid black;" value="Suchbegriff">
    <img src="pic/url" style="border: 1px solid black; width: 17px; height:17px; vertical-align: middle; padding: 0px;">
    </BODY>
    </HTML>

    in irgendeinem Browser aufrufe, habe ich keine Probleme...
    Beachte den DocType, die paddings und vertical-aligns.

    Hab mal schwarze rahmen drumgemacht, zur veranschaulichung...
     hoffe ich konnte helfen,

    Hilker

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln