tagline and javascript problem/question

[wtashby]

http://www.ashbysonline.com

I want to have the javascript slide show in my header to be centered between the 2 taglines (yes, tagline and tagline2) Currently, the scripts position is "relative", and i can't for the life of me figure out how to get it to play nice with the 2 taglines.

Thanks in advance,

Tom

[kobra]

If you have this site as 100% toy might change this to a fixed value like 990px or?
Try replacing this in your stylesheet with this:

#tagline {color:#0000cc;
font-size: 4.0em;
font-family: monotype corsiva, lucida console;
font-weight: bold;
text-align : center;
}

#slide1dv {
margin: .5em 0em 0em 27em;}

#tagline2 {
margin-top: 10px;
color:#0000cc;
font-size: 4.0em;
font-family: monotype corsiva, lucida console;
font-weight: bold;
text-align : center;
}

[wtashby]

I copied everything exactly except I had to change #slide1dv {
margin: .5em 0em 0em 27em;} to #slide1dv {
margin: .5em 0em 0em 17em;} in order for the script to appear centered.

Thanks so much for your reply and help.

[wtashby]

Ok, that solution is the first thing that has had any significant effect, however, it looks very different in different resolutions. Is there anyway to center the script so that it is centered no matter what resolution, or screen size is used?

[wtashby]

#slide1dv {margin-left: auto; margin-right: auto;}

I googled the problem and found this solution. It works PERFECTLY!!

Using auto for the margins, both left and right, forces the image to center, no matter what browser, or resolution you use.