html - How to align horizontally a jQuery UI button to a div? -

-

i have following html structure (this structure important me):

<div>     <div class="element">         <div contenteditable="true" class="inputdiv"></div>     </div>     <div class="element" id="zbtn">ok</div> </div>

and css:

.inputdiv {     width: 100px;     height: 16px;     overflow: hidden;     padding: 3px 3px 2px;     white-space: nowrap;     border: 1px solid #aaa;     border-radius: 2px; } .element {     font-size: 11px;     font-family: helvetica,arial;     display: inline-block; }

i create simple jquery ui button div (this important):

$('#zbtn').button();

the button aligned in chrome, but not in firefox , ie.

please see image:

jq ui button next div

and jsfiddle:

http://jsfiddle.net/grigur/spllw/

add vertical-align:middle .element, updated fiddle http://jsfiddle.net/spllw/1/


Comments

Post a Comment

Popular posts from this blog

Unable to remove the www from url on https using .htaccess -

-
i want remove www site url. ie. https://www.domainname.com.au https://domainname.com.au . i have tried various .htacces code nothing work me. here present code remove www http not work https. rewriteengine on rewritebase / rewritecond %{http_host} ^www\.(.*)$ [nc] rewriterule ^/(.*)$ http://%1/$1 [r=301,l] rewritecond %{https} off rewriterule ^(.*)$ https://domainname.com.au/$1 [r=301,l] rewriterule ^code-of-conducts/(.*)/$ code-of-conducts.php?type=$1 rewriterule ^parents/post-a-job/(.*)/edit/$ parents/post-a-job.php?action=edit&id=$1 rewriterule ^parents/post-a-job/(.*)/$ parents/post-a-job.php?job_type=$1 rewriterule ^parents/open-jobs/(.*)/delete/$ parents/open-jobs.php?action=delete&id=$1 rewriterule ^parent-profile/(.*)/$ parent-profile.php?id=$1 rewriterule ^parents/job-details/(.*)$ parents/job-details.php?applied_id=$1 rewriterule ^sitterprofile/(.*)/$ sitterprofile.php?id=$1 rewriterule ^sitter/job-board/state/(.*)/page/(.*)/$ sitter/job-board.ph...
Read more