> 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,
> Bill
Hi Bill,
Your problem is here:
.col1 {
position: relative;
left: 10px
}
.col3 {
position: absolute;
left: 35em;
}
You would probably do better to use floats.
http://css-discuss.incutio.com/?page=AlignLeftAndRight
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,
Howard
PS-- currently working on my first production RoR app as well.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
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/