Export to GitHub

blueprintcss - issue #94

Vertical align between elements in same paragraph differs

Posted on Mar 28, 2008 by Happy Giraffe

What steps will reproduce the problem?

Use this markup code to reproduce the issue :

<form> <fieldset> <legend>Pages</legend> <p> <a href="#new">New </a> <button type="button">Delete</button>
<select> <option>More actions ...</option> </select>
</p> ...

What is the expected output? What do you see instead?

The layout rendered by FF3b4 is the expected one. All the elements are middle aligned vertically and sized properly to look like one set, no matter their different nature.

Instead elements are aligned/sized differently in browsers.

What version of the product are you using? On what operating system?

BP 0.7.1 : screen.css, ie.css (conditional) Browsers : FF3b4/Ubuntu, FF20011/WinXP, IE7/WinXP

No other stylesheets or inline CSS styling are used. Only BP.

Please provide any additional information below.

See attached files for the layout rendered by the browsers.

And last but not least: Thanks for the great piece of software, keep up the good work !

Attachments