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
******************************************************

Reply via email to