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.

Advertisements

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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 )

Google+ photo

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

Connecting to %s