Re: [WSG] Cleaner two column float left?

[Stuart Homfray]

tee wrote:
I am working on an order form that I set to two column float left
  item 1   item 2
  item 3   item 4
  item 5   item 6
  item 7   item 8
The floats will do it:
container {
  width: (less than 3x the width of floatedItem);
}
floatedItem {
  float: left;
  width: 49%;
}
SHOULD work in everything!
cheers,
Stuart
--
- - -- --- -  -
  http://www.stuarthomfray.co.uk/
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**

Re: [WSG] Cleaner two column float left?

[Peter Ottery]

Tee wrote:
  Is it possible to make it this way and make IE happy at the same time?
 div class=twoCol
 labelitem 1/label
 labelitem 2/label
 labelitem 3/label
 labelitem 4/label
 labelitem 5/label.
 /div
 So that I don't need to put a spacer class in between every two items.

there may be other issues affecting your problem, but on the surface
it looks like you'd just set the width of the label to be a smidgen
less than half the width of div class=twoCol.

eg, make label 20em wide, and div class=twoCol 41em wide (i'd
leave 1em buffer space just to allow for slight rendering differences)
and then the labels would stack on top of each other in 2 columns.
get me?

hth, pete
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

Re: [WSG] Cleaner two column float left?

[tee]

Hi Peter and Staurt,

Thanks a lot for the help. I got fixed.

tee

 eg, make label 20em wide, and div class=twoCol 41em wide (i'd
 leave 1em buffer space just to allow for slight rendering differences)
 and then the labels would stack on top of each other in 2 columns.
 get me?
 

**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**