Notes on a FIELDSET height, Cascading Style Sheets, HTML, CSS

I’ve had some issues recently trying to get a fieldset pixel perfect, some things just didn’t add up (and I’m not just talking about the height and things overlapping here).

So I thought I’d make some notes on the subject:

The first place to start is the box model, a height of 100px is the inner height, the border, the legend text size and its padding are additional to this. I really hadn’t given any thought to the legend having padding!
Another thing to note is the border size isn’t consistent across browsers.
Generally it doesn’t matter unless you are trying to make two non fixed height side by side fieldsets the same height, if you do then JavaScript is the best option.


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s