Fieldsets with tables inside. How to put them on the same line?

html css asp.net-mvc-3 tablelayout
iLemming picture iLemming · Jul 20, 2011 · Viewed 33.3k times · Source

I need to align two <fieldset> objects on the same line in partial view form. Whatever I do nothing helps. Trying to float them to the left, to the right, tried to minimize the width, tried display:inline option.

Without tables it works. With them - doesn't.

UPD: Or it might be something to do with qTip within which I'm trying to place those.

Answer

Jonathan Fingland picture Jonathan Fingland · Jul 20, 2011

It's not tabular data, so why are you using a table?

There are numerous css fieldset examples to use to make nice looking fieldsets using labels and inputs appropriately. (See http://www.pixy.cz/blogg/clanky/css-fieldsetandlabels.html and http://www.sitepoint.com/fancy-form-design-css-4/ for two quick examples)

If you then want to have the two fieldsets arranged horizontally, you can use display: inline-block

Related questions

jQuery DataTable overflow and text-wrapping issues

I have the following DataTable (full-width css class sets width = 100%) <table class="datatable full-width"> <thead> <th>LOB</th> <th>Creditor Line 1</th> <th>Creditor Line 2</…

Read More
CSS layout for fixed header and 100% content height?

I'm trying to get a fixed height header and a content area the fills the screen. The content div contains a telerik mvc grid. I've tried a few suggested on stackoverflow but the control that is the content area always …

Read More
How to horizontally center a <div>

How can I horizontally center a <div> within another <div> using CSS? <div id="outer"> <div id="inner">Foo foo</div> </div>

Read More