Scrolling Forum block text not centered in IE

New Member Joined: Apr 30, 2005 Posts: 9

I know IE is Crap and I don't necessarily like it but alot of my users are using it. I just noticed that the scrolling forum block text is centered fine in FireFox but is left justified in IE. Then I noticed that the Recommended Sites scrollbox on this site is functioning the same way with the images. Can anyone help me resolve this? It's not necessarily a problem with functionality because it is displaying the info correctly as far as content but the visual side makes the site look...well...cheap. Any help would be greatly appreciated.

Thanks!

Site Admin/Owner Joined: Aug 27, 2002 Posts: 17088

I see the difference in the recommended sites and will address that, but I don't see any difference in the forum block. It could be your theme. Or, using my site in both IE and FF, help me to see where the forum block is not centered.

Posted: Fri Jul 22, 2005 1:14 pm

Raven,
I don't even see a scrolling forum block on your site. I see the scrolling downloads block but that's it. Look here at my site: www.cajunchaos.com
See if it appears to be left justified to you from there. One of the scroll blocks is a codezwiz block and the other is one from here. Both are reacting the same.
Thanks for taking the time to look at this with/for me. I really appreciate it!

Posted: Fri Jul 22, 2005 3:03 pm

Ah. Sorry. I thought you meant the Collapsing Forum Block Laughing

- I misread your original post.

Posted: Sat Jul 23, 2005 12:25 pm

:lol: That response (since removed) should have been posted here instead. I have removed your previous post and just added mine.

Well, here is no surprise at all. IE does not obey it's own tag syntax! "align="center" is advertised as being valid, but it isn't. After spending several hours on this issue, the only way I can get IE to center the images is to use a

Code:

style="margin-left:??px;"

attribute in the marquee tag. The ?? is calculated as the (width_of_the_block - width_of_the_image)/2. So, if your block is 150px and the image is 88px, you would calculate (150-88)=62/2=31. So, your propertyr would look like

Code:

style="margin-left:31px;"

You will need to remove the align="center" attribute or FF will CORRECTLY apply both the margin-left and the align="center". So, your tag might look like this

Code:

<marquee behavior= "Scroll" style="margin-left:30px;" direction= "Up" scrollamount= "2" scrolldelay= "10" onmouseover='this.stop()' onmouseout='this.start()'>

Posted: Sun Jul 24, 2005 9:01 am

Raven wrote:

That response (since removed) should have been posted here instead. I have removed your previous post and just added mine.

Thanks Raven! I do appreciate all your help and am so glad to finally know of a site that actually answers your questions!
Much appreciation to you!

Posted: Mon Jul 25, 2005 8:36 am

Raven wrote:

Well, here is no surprise at all. IE does not obey it's own tag syntax! "align="center" is advertised as being valid, but it isn't. After spending several hours on this issue, the only way I can get IE to center the images is to use a

Code:

sty le="margin-left:??px;"

attribute in the marquee tag. The ?? is calculated as the (width_of_the_block - width_of_the_image)/2. So, if your block is 150px and the image is 88px, you would calculate (150-8 Cool

=62/2=31. So, your propertyr would look like

Code:

sty le="margin-left:31px;"

You will need to remove the align="center" attribute or FF will CORRECTLY apply both the margin-left and the align="center". So, your tag might look like this

Code:

<marq uee behavior= "Scroll" sty le="margin-left:30px;" direc tion= "Up" scroll amount= "2" scroll delay= "10" on mouseover='this.stop()' on mouseout='this.start()'>

Well, I don't know why but I can't seem to make the code above work. The entire block breaks and then all blocks below it will not display. I have tried playing with the code but to no avail! I just wanted to let you know. If you get around to playing with it and figure it out, wonderful. I would really like it to display correctly but, if not, it's no biggie. I have been doing a little research and I haven't found a scrolling block that seems to display center in IE yet! Go Figure!!! Anyway, thanks Raven for taking your time to give such wonderful and helpful support here on your site. I, as I'm sure most everyone else here does, am greatly appreciative of it!

Thanks!

Posted: Mon Jul 25, 2005 9:10 am

I did figure it out and that code is what worked for me. I don't know why it doesn't work for you. If it breaks other blocks then it sounds like you may have other problems in the block.