> > > I have a form with pairs of select.span6 that I want to display horizontally (they are for a search form's price range, year range, age range, etc.). In Chrome, it looks fine. But in IE/FF, the pairs of select fields after the first pair does not align horizontally as the second select of the pair appears much lower.
<https://lh4.googleusercontent.com/-YQ-WfmZ7Lh8/UR7VL7oCrRI/AAAAAAAAB-s/siBN40Dqccw/s1600/G3yjG%5B1%5D.png> from Chrome <https://lh6.googleusercontent.com/-v7LansY7-JM/UR7VWnIpp0I/AAAAAAAAB-0/maLHDfguzWE/s1600/2XUb9%5B1%5D.jpg> in IE/FF Here's the mark up: <!DOCTYPE html><html lang="en"> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.min.css" rel="stylesheet"> </head> <body> <div class="container-fluid"> <div class="row-fluid"> <div class="span2"> <form method="post" action=""> <fieldset> <div class="control-group"> <div class="controls"> <select class="span6" name="range-from:price" id="price_from"> <option value="">Min Price</option> <option value="2000">$2K</option> <option value="4000">$4K</option> <option value="6000">$6K</option> <option value="8000">$8K</option> <option value="10000">$10K</option> <option value="15000">$15K</option> <option value="20000">$20K</option> <option value="25000">$25K</option> </select> <select class="span6 pull-right" name="range-to:price" id="price_to"> <option value="">Max Price</option> <option value="2000">$2K</option> <option value="4000">$4K</option> <option value="6000">$6K</option> <option value="8000">$8K</option> <option value="10000">$10K</option> <option value="15000">$15K</option> <option value="20000">$20K</option> <option value="500000">$25K+</option> </select> </div> </div> <div class="control-group"> <div class="controls"> <select class="span6" name="range-from:model_year" id="model_year_from"> <option value="">Min Year</option> <option value="1990">1990</option> <option value="2000">2000</option> <option value="2005">2005</option> <option value="2010">2010</option> <option value="2011">2011</option> <option value="2012">2012</option> <option value="2013">2013</option> </select> <select class="span6 pull-right" name="range-to:model_year" id="model_year_to"> <option value="">Max Year</option> <option value="1990">1990</option> <option value="2000">2000</option> <option value="2005">2005</option> <option value="2010">2010</option> <option value="2011">2011</option> <option value="2012">2012</option> <option value="2013">2013</option> </select> </div> </div> </fieldset> </form> </div> <div class="span8"> </div> <div class="span2"> </div> </div></div> </body></html> Any ideas what's wrong? -- You received this message because you are subscribed to the Google Groups "twitter-bootstrap" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/groups/opt_out.
