Bill,
Try adding the units for the width, height, and margin:
$("#addEditTask").modal({
onOpen: modalOpen,
persist: true,
containerCss: {width: "300px", height: "200px", marginLeft:
"-150px"}
});
-Eric
On Oct 26, 1:01 pm, Bill <[EMAIL PROTECTED]> wrote:
> Good Afternoon,
>
> I tried to override the settings in the default stlyesheet that comes
> with the simplemodal jquery plugin with containerCSS which is working
> fine in IE7 but not Firefox or Chrome. Not sure if this is a bug or I
> am doing something wrong.
>
> jQuery:
> $(document).ready(function() {
> $("#ButtonPopup").click(function() {
> $("#addEditTask").modal({
> onOpen: modalOpen,
> persist: true,
> containerCss: ({ width: "300", height: "200",
> marginLeft: "-150" })
> });
> return false;
> });
> });
>
> HTML:
> <button id="ButtonPopup">Popup</button>
> <div id="addEditTask" style="display:none;">
> <p>Aliquam nonummy adipiscing augue. Lorem ipsum dolor
> sit amet, consectetuer adipiscing elit.
> Maecenas porttitor congue massa. Fusce posuere, magna sed
> pulvinar ultricies, purus lectus malesuada
> libero, sit amet commodo magna eros quis urna.</
> p>
> <button id="ButtonSave">Save</button>
> <button id="ButtonCancel">Cancel</button>
> </div>
>
> Please seehttp://beckelman.net/issues/simplemodalfirefoxproblem/default.aspx
> for a working demo and zip download of the code that you can test for
> yourself.
>
> Thanks for the help in advance.
>
> Bill
