Michael Renner: Input-Boxen dank DocType mit falscher Höhe

SELF-Forum

Input-Boxen dank DocType mit falscher Höhe

Michael Renner
– Informationen zu den Bewertungsregeln

Hallo,

kann mir irgendjemand erklären, warum die Box nicht 22 Pixel hoch wird sondern wesentlich höher?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<body>

<input type="text" name="email" value="eMail" style="width:100px;height:22px">

</body></html>

Wenn man den DocType weglässt, ist komischerweise alles richtig...

Danke,
Michael

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Input-Boxen dank DocType mit falscher Höhe

    Ingo Turski Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    Wenn man den DocType weglässt, ist komischerweise alles richtig...

    nein, falsch.

    freundliche Grüße
    Ingo

    --
    [barrierefreie Ingo Webdesign » Suchmaschinenoptimierung | em? | IE7 - Bugs]
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Input-Boxen dank DocType mit falscher Höhe

    gooxsy
    +1 Informationen zu den Bewertungsregeln

    Hi Michael,

    was Ingo Dir sagen wollte, ist, daß ein Browser im Standard-Mode die Gesamthöhe des Input-Feldes (_richtigerweise_)aus oberen Border, oberen Padding, height, unterem Padding und unterem Border berechnet.

    Und wenn Du diese Werte nicht (und _genau deshalb_ empfehle ich das immer) von Haus aus auf NULL gesetzt hast, dann werden die eben dazugerechnet und ergeben die von Dir festgestellte Höhe.

    Sobald Du Dich im Quirks-Mode befindest, nimmt er einfach die von Dir angegebene Höhe. Der Browser macht es falsch, Du _empfindest_ es nur als richtig, weil Du das siehst, was Du erwartest.

    Was ich Dir also empfehlen würde:

    1. Verwende natürlich weiterhin eine richtige doctype-Angebe.

    2. <empfehlung>Gewöhne Dir an, mittels CSS mal von Anfang an alle Initialwerte auf NULL zu setzen. Zum Beispiel so (am Anfang des Stylesheets):</empfehlung>

      
*  
{  
margin:0;  
padding:0;  
border-collapse:collapse;  
border-spacing:0;  
vertical-align:top;  
}

    1. Schau Dir an, was es für Veränderungen im Quirks-Mode gibt.

    2. Falls Dir das mit dem Qirks/Standard-Mode nicht ganz verständlich ist, beschäftige Dich näher mit dem Doctypeswitch.

    Du kannst auch nachverfolgen, daß auch andere das selbe Problem hatten.

    So, eigentlich müßte Dir geholgen sein, oder?

    mfG

    gooxsy

    --
    SELFCODE: sh:( fo:| ch:? rl:° br:& n4:? ie:% mo:) va:} de:> zu:) fl:( ss:( ls:& js:{
    Beitrag melden
    +1
    Informationen zu den Bewertungsregeln