2 column form

[macsig]

Hello Folks,
is it possible to have a 2 column forum using fieldset ???

I tried

 #leftColumn {
left:0;
width: 50%;
}

 #rightColumn {
left: 50%;
width: 50%;
}

 <form>
<fieldset>
<legend>This is my form</legend>
<div id="leftColumn">
  <div id="elementWrap">
    <label class="fieldName">name</label>
    <input type="text" class="textField" />
  </div>
</div>
<div id="rightColumn">
  <div id="elementWrap">
    <label class="fieldName">email</label>
    <input type="text" class="textField" />
  </div>
</div>
</fieldset>
</form>                 

but it doesn't work. Any idea ???

THANKS

[Dan Schulz]

It won't work in Internet Explorer due to the way that IE styles fieldsets.

Wrap each fieldset in a DIV, give that DIV a class of "fieldset" and then stick a SPAN inside your legends.

http://www.tyssendesign.com.au/artic...gends-of-style has more information on how to do this.

Then float the DIVs with the class of "fieldset" normally. You also need to give your inputs a unique ID and then add the for="" attribute to the associated label, putting the ID of the input inside the label's for="" attribute.

[macsig]

Thanks Dan, I use FireFox on Mac

[DaveWoods]

Thanks Dan, I use FireFox on Mac

It doesn't matter what you use; you need to think about what users of your site will be using which I suggest means supporting IE6, IE7, Firefox, Safari and Opera as a minimum.

[DaveWoods]

Also, the "left" value is only used with absolute or relative positioning. You'll need to use float: left; to get any element to sit next to each other (display: inline; also works but width, height etc cannot be applied).

[macsig]

I'm sorry I have not specified that I'm working on web application (not a web site) and all the users will use WebRunner to use the application.

So I don't have any IE, Opera compatibility issue.

Thnak you CSSWIZ for your comments.

[DaveWoods]

Ah, in that case ignore my comments about the browsers, it never ceases to amaze me how many people state that they use a specific browser, specific resolution with all the plugins and expect everyone else to see the same so sorry for assuming you fell into this category

The other comments about the left value still apply though