CSS Alignment Help

[southern]

I am trying to use the script Pausing Up-down Scroller http://www.dynamicdrive.com/dynamicindex2/crosstick.htm on my website. I have the script itself working, but the issue is that I can not get the box that is created using the CSS to align to the center of location that I want it.

I am using the script listed on the above page, as is, with the larger box, but I can't get the box to center, here is the CSS code:

#pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
}

[Twey]

Try:

margin: 0 auto;

[southern]

It looks like that did it, thanks for the help.

[southern]

Oops, I though it worked, well it did in Firefox, but it still is not centered in IE. Any suggestions? Here is the page I am working on http://www.southernrescue.org, any help will be apperaciated as this is for our non-profit.

[Twey]

Oh, I forgot about IE. Also use:

text-align: center;

[southern]

Hmmmmm,

That centered the text in the box in Firefox, and it "centered" it in the box in IE, but it did not center the box itself in IE. Let me know what you think, I might just leave it like it was.

[Twey]

Gah, IE.
There's one other rather nasty hack you can use, which is to put the element inside a three-cell table with each cell width set to 33%.

[southern]

LOL, I think I'll leave it as is and let the IE people think about why it's not centered

[mwinter]

Oh, I forgot about IE. Also use:

text-align: center;

You didn't mention that that should be applied to the parent element, and it should only be necessary for versions of MSIE earlier than 6. That is, unless the document triggers Quirks mode.

Mike

[southern]

In the above mentioned script, were would it be placed to be considered applied to the parent element?

I perosnally am still learning CSS and have very little experience in using it, expect what is already included with site templates I might be working with.

Any help is welcome.