Strange Form Issue

J

Jon Spivey

Hi,
this is bugging me - probably just need a second pair of eyes. I've got a
simple little sign in form here
http://www.bookhead.co.uk/signin.aspx

The right of the text boxes are cut off in IE - the relevant CSS is just
..txt{
border: 1px solid #333;
font: 12px Verdana, Arial, Helvetica, sans-serif;
width:100%;
}
The form works fine and there's another one here that displays perfectly
http://www.bookhead.co.uk/contact.aspx

Can anyone see what's going on here?
 
R

Ronx

The only difference I can see is that the "good" form has specified the
width and cell widths of the form content table, whereas the "bad" form
does not dimension the table or cells.
 
S

Stefan B Rusynko

Only difference I can see is

The one that works (contact) has
<style type="text/css">@import url(scripts/styles.css); </style>
And the other one (signin) has
<style type="text/css">@import url('scripts/styles.css'); </style>






| Hi,
| this is bugging me - probably just need a second pair of eyes. I've got a
| simple little sign in form here
| http://www.bookhead.co.uk/signin.aspx
|
| The right of the text boxes are cut off in IE - the relevant CSS is just
| .txt{
| border: 1px solid #333;
| font: 12px Verdana, Arial, Helvetica, sans-serif;
| width:100%;
| }
| The form works fine and there's another one here that displays perfectly
| http://www.bookhead.co.uk/contact.aspx
|
| Can anyone see what's going on here?
|
| --
| Cheers,
| Jon
| Microsoft MVP - FP
|
|
 
J

Jon Spivey

Thanks Ron, added widths and problem solved. Really should have spotted that
myself :) Still seems strange that text boxes should be cut off like that
but at least it's fixed. I tried various combinations of widths on the table
itself and the cells - what worked was taking a width off the table and
adding width to the individual cells.
 
Top