Hi list, I have a little form inside a table (please don't hate me) and in one cell I have a control and a button. I want to center that button as you will see in the pics.
The thing is that vertical-align doesn't work, and positioning differs from FF to IE. Another things is that the div takes the whole cell in FF (as I thought it would) but just a line in IE. Also the fieldset around the table is not nicely rendered by IE (this only happens when there's a legend tag) and of course, margins vary. Here are the visual examples: Firefox: http://tinypic.com/view/?pic=m7uyc6 IExplorer: http://tinypic.com/view/?pic=m7uyib In order of importance, I want to fix: .: The button alignment, centered in the bottom of the cell. .: Table margins, as it also happens with not-centered text, it reders almost on the fieldset border. .: It would be nice to fix that ugly fieldset border, but I don't really care. I'd rather have the button alignment fixed. Well, tell me if this things are fixeable or if I should try another way. Don't throw fruits at me for using tables, I'm new to CSS and it's a bit of a nightmare to layout forms with CSS. The ugly table border was just to show the table dimension and it's cells, it will be switched to 0 as soon as I solve this. Thanks in advance, AlvAro ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************