hi list, here is the problem:

CSS:

input{
     height:30px;
     padding:0;
     margin:0;
     font:12px Verdana,sans-serif;
}



html(no DTD):

<html>
  <head><title>test</title></head>
<body>

 <input type="text" />
 <input type="submit" value="text button" />

</body></html>

The form elements are displayed in the same height(IE,Firefox,Opera),
but when I changed the DTD to xhtml,
<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
<html xmlns="http://www.w3.org/1999/xhtml";>

they are different, the button is a little bit short in Firefox and IE,
while opera works just fine.

so what is the exact thing does the botton have to do with DTD? I'm so
confused about this.
can anyone please tell me why?

Thanks!

--
          t.E.l : +8605513602273
          m.o.B : +8613855184110
            q.Q : 7387905
        B.L.o.G : http://old9.wordpress.com
      E.m.A.i.L : qi.jiahui⊕gmail.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to