I don’t suppose anyone could shed some light on this? In IE, the date boxes are out of alignment, and also the text within appears cropped.

I inherited this from elsewhere, and HTML/CSS is quite messy, but all the same, I really could use a quick fix. Its fine when you’ve built it yourself but picking up off someone else is trickier, as I wouldn’t have done things this way…

Thanking you

I’d say there’s no quick fix to this problem. I think the layout glitch is related to the Jscript rather than the CSS. An input field uses the font size to calculate it’s height, unless the css specifically sets a height attribute.

It’s an almost impossible task to debug it from this end. I would strip it all right back, remove the stylesheet and see if the inputs behave in the same way, if the do not then the problem is your CSS or javascript/css combination.

Remove css and jscript etc etc… you get the picture. the only way to debug layout issues like this is to get back to a known starting point where everything works and gradually re-introduce elements until the undesirable (not necessarily a bug) is triggered, then you know exactly where your problem is.

div.titletext - the text is too much for the width so it is going onto a second line which is forcing the second row to be pushed along.

Just make div.titletext{width:150px;} for a quick and dirty fix.