HTML <form> using CSSL: differs on every browser!

[Rob Martin]

Hi Gurus

Working on a page with a <form>, and trying out CSS without tables. Have so
far got this result: http://www.loatier.com/wip/login.html

Problem is: I've been working in Opera, and looks fine. Now tried in IE6 and
its OK except for the button appearing on the right (any ideas why?).
Then... eeek... tried it in Netscape 7.1 and its a total mess.

Folks, any pointers what I've done so wrong (or so specific it only suits
one browser?). I've based it on the code at
http://www.themaninblue.com/experiment/InForm/margin_hack.htm thanks to a
reply in a previous post.

(I've done lots in the past, mainly interactive web apps, but old world
<table> layout stuff so trying to bring myself uptodate using css...
tempting to use a table for this simple form now though... always a hassle
when you dont know enough! *grin*. Hopefully soon will, with more study and
the odd bit of advice).

Thanks for your time
Rob

 

[RobM]

Hi Gurus

Working on a page with a <form>, and trying out CSS without tables. Have so
far got this result: http://www.loatier.com/wip/login.html

Problem is: I've been working in Opera, and looks fine. Now tried in IE6 and
its OK except for the button appearing on the right (any ideas why?).
Then... eeek... tried it in Netscape 7.1 and its a total mess.

Folks - any thoughts on what's up with my CSS ?
Comments appreciated
Thanks
Rob