/    Sign up×
Community /Pin to ProfileBookmark

firefox and fieldset

For some reason when I re-built all of our webforms using fieldsets instead of tables, they look great in IE, but in Firefox the legend set is not centered vertically like it is in IE…

Is there a way to get this done? I tried doing this:

[CODE]
<fieldset class=”fieldsetClass1″>
<legend style=”vertical-align: middle”>Testing Header</legend><br />
Testing text…<br />
more text…<br />
<br />
</fieldset>
[/CODE]

fieldsetClass1 makes the text have a box around it with a background color. In IE it looks great in Firefox it looks ok too, but again, it is not centered vertically…

So I would appreciate any advice on how to do it, if there is a way to do it.

Thanks,
Richard

to post a comment
CSS

1 Comments(s)

Copy linkTweet thisAlerts:
@Major_PayneJun 28.2010 — "vertical-align: middle" is more of a table attribute. Might try padding/margin attributes instead. Might take a look at Dead Center code.
×

Success!

Help @ukndoit spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.4,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...