Skip to main content

Search and Top Navigation

#5821 closed bug (duplicate)

Opened July 13, 2010 11:54AM UTC

Closed July 13, 2010 12:01PM UTC

Last modified October 11, 2012 09:15PM UTC

Mixed button set mis-aligned in IE

Reported by: legsak1mbo Owned by:
Priority: major Milestone:
Component: ui.button Version: 1.8.2
Keywords: button alignment checkbox Cc:
Blocked by: Blocking:

Creating a buttonset containing buttons and checkboxes causes the elements to be misaligned in Internet Explorer 7 & 8.

For example:-

	<script type="text/javascript">
	$(function () {
		<div id="buttonset">
			<button>Button 1</button>
			<input type="checkbox" id="button-2" /><label for="button-2">Button 2</label>
			<button>Button 3</button>

In Firefox and Safari the three buttons are aligned. In Internet Explorer the middle button is lower than the other two and is overlapped by the third button. As a work-around I've added style="top:-2px;padding:2px 0px;margin:0px;" to the label element. Curiously this seems to work perfectly on the "toolbar" button demo but copying that code I had the same problem as above.

Attachments (0)
Change History (2)

Changed July 13, 2010 12:01PM UTC by scottgonzalez comment:1

component: ui.coreui.button
resolution: → duplicate
status: newclosed

Duplicate of #5254.

Changed October 11, 2012 09:15PM UTC by scottgonzalez comment:2

milestone: TBD

Milestone TBD deleted