Re: Table with input width 100%

Robert wrote:

> Hi,
>
> Could anyone explain the behaviour of my simple table at
> http://www.xs4all.nl/~rvanloen/example/table1/table.html
>
> The css is located at:
> http://www.xs4all.nl/~rvanloen/example/table1/css/webstyle.css
>
> I would like to know why the input element is too big.
> It sticks out in firefox and is cut off by the cell in IE6.

For Firefox: IIRC you have to add the border-width to the field-width. Here
the border seems to be 1 or 2 pixels on each side of the field. So the
field overlaps by 2 (or 4) Pixels outside the td.

For IE: I think the field is not cut off, but the border of the field
exactly covers the border of the td. (I had expected that IE would keep the
field completely inside the td, because this browser does sum the border to
the element's width.)

Gert

.

Relevant Pages

  • Re: newbie: This CSS works in IE but not in FireFox, Opera, Netscape
    ... This code works in IE, but not in FireFox, Opera, Netscape. ... firefox/opera/netscape this border isn't shown, so I wonder what I must ... using IE I send IE dedicated CSS script and if the user are using FireFox I ...
    (alt.html)
  • newbie: This CSS works in IE but not in FireFox, Opera, Netscape
    ... This code works in IE, but not in FireFox, Opera, Netscape. ... firefox/opera/netscape this border isn't shown, so I wonder what I must ... using IE I send IE dedicated CSS script and if the user are using FireFox I ...
    (alt.html)
  • Re: emulate pseudo class a focus?
    ... I believe that IE does not support the css "a focus" which does what I ... When an image is clicked the border turns blue. ... The nearest I have got with code which works in both IE and Firefox is ... an image is selected, attach the imgSelected class. ...
    (comp.lang.javascript)
  • emulate pseudo class a focus?
    ... I believe that IE does not support the css "a focus" which does what I ... When an image is clicked the border turns blue. ... The nearest I have got with code which works in both IE and Firefox is ...
    (comp.lang.javascript)
  • Re: Tables under Firefox go wrong
    ... Firefox seems to be doing something odd with the caption element. ... border: 1px solid #A9A9A9; ... margin: 0 auto; ...
    (alt.html)