> The site is at http://www.emrec-beta1.com .
> There's a link at the bottom of the first page that takes you into the app. On the 'Patient
Information' page, enter something in the 'Last name' field. No additional info is required to
proceed. Four clicks takes you to the 'Medication allergies' page which is where the problem is.
> Click in the 'Other Drug Allergies' checkbox. That brings up a form to enter stuff in. When items
are entered, the item is added to the database and a new line is rendered via Ajax in the div under
the 'Allergy List'. Each line has a button on it to remove that item from both the database and the
page. In IE it's ugly. In FF it's worse ;-( . If you go to the next page and add an item or two
you'll see where I started. I'm trying to change the links to buttons so that visitors using the
Google Web Accelerator don't have it removing items as soon as they add them.
> Any suggestions / pointers will be sincerely appreciated!
> Thanks in advance,
Your problem is here:
You would probably do better to use floats.
I won't embarrass myself by trying to write the stylesheet from memory
on-the-fly, but basically:
--Open your linestyle div (don't forget to give it a width)
--Open another div for the 'other' item.A gain, specify a width,
display:block, and float:left, then close that div
--Open another div for the 'form/remove button', specifying the width,
display:block, and float:right, then close that div
--close your linestyle div.
HTH and G'luck,
PS-- currently working on my first production RoR app as well.
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/